# Connecting inputs (https://docs.fuser.studio/docs/apps/inputs)

Apps don't have to start from a prompt alone. Wire other nodes into an App node
to steer its look, hand it media to use, or give it a data backend — the agent
reads everything you connect.

## The input sockets [#the-input-sockets]

An App node has three input sockets on its left edge:

* **Inspiration** — visual, video, or audio context that steers the app's *look
  and feel*. Use it for reference images, a moodboard, or a style you want
  matched.
* **Assets** — media the app should actually *use*: images, audio, or 3D to
  embed in the built app.
* **Database** — a shared backend the app can read from and write to. See
  [Data & backends](https://docs.fuser.studio/docs/apps/data-and-backends.md).

Drag an edge from any compatible node into the socket, and the agent picks it up
on the next build.

> [!NOTE] Inspiration vs. Assets
>
> **Inspiration** shapes how the app looks; **Assets** are what the app puts on screen. A reference photo of a UI goes into Inspiration; a logo you want displayed goes into Assets.

## Add media from focus mode [#add-media-from-focus-mode]

You don't have to wire sockets by hand. In focus mode, the  button in the composer adds media directly:

![The add-media menu in focus mode, showing Add inspiration and Add assets](/app-node-add-media-menu.png)

* **Add inspiration** — reference images to steer the look.
* **Add assets** — images, audio, or 3D for the app to use.

Either opens a picker — choose from your library or upload something new, and
Fuser wires the media into the right socket for you.

## Dynamic sockets [#dynamic-sockets]

Your app's sockets aren't fixed. A generated app can declare its own typed inputs
and outputs — and you can **ask for them directly**. Tell the agent you want a
socket to take a value in or send a result out, and it adds one. The new sockets
appear on the node like any other, so an App node can sit in the middle of a
larger graph, not only at the end of one.

## What's next [#whats-next]

  - [Data & backends](https://docs.fuser.studio/docs/apps/data-and-backends.md): Give your app a real database or backend with a Resource node.

  - [Building with the agent](https://docs.fuser.studio/docs/apps/building.md): How the agent uses what you connect.