Skip to content

Attachments

Sometimes the fastest way to explain what you want is to show it. You can attach images and files to the chat.

Images → vision

Attach a screenshot, a mockup, a photo of a sketch, or a reference design, and the agent can see it. That unlocks requests like:

Build the landing page to match this mockup.

Here's a screenshot of the bug — the header overlaps the content on mobile. Fix it.

Use this color palette from the image across the app.

Because the agent has real vision, "make it look like this" works the way you'd hope.

Files into the workspace

You can also bring files into your project — sample data, a logo, a CSV to import, a config you want the app to read. Once a file is in the workspace, the agent can open it, reference it, and wire it into your app just like any other file in the project.

Tips

  • One clear reference beats five vague ones. A single clean mockup gets a better result than a pile of loosely-related screenshots.
  • Point at the part that matters. "Match the card layout in this image" is more actionable than "make it look like this" when the image has a lot going on.
  • Combine words and images. The image shows the look; your words fill in the behavior.

Next: wire up secrets in Environment variables.