Update

Screenshots That Are Actually Usable — Inline Previews, Copy & Open Links

When the new AI browser tool takes a screenshot, it used to just hand back a raw URL as text. Now it saves to your Storage panel automatically, renders as a real image wherever it shows up, and comes with a small card underneath to copy the link or open it in a new tab.

Laptop displaying a code editor with an image preview

The problem with a bare link

When the AI took a screenshot via the browser tool, the result was a plain sentence: "Screenshot captured: https://api.aicodesit.com/storage/.../browser-screenshot-....png". Technically correct, practically useless — you had to manually click or copy the link just to see what the AI was looking at, and the file wasn't tracked anywhere in your project.

Screenshots save to Storage automatically

Every screenshot taken by the browser tool — in chat or inside a pipeline — now writes straight to your project's Storage panel, the same place generated images and videos already land. No extra step, no manual upload. Open Storage and every screenshot the AI ever took for that project is right there.

We also added a short delay before the screenshot is captured whenever a file was edited earlier in the same pipeline run — long enough for your dev server to rebuild and apply the change first, so the screenshot reflects the actual updated page instead of a stale one.

Folder of saved image files representing the project Storage panel

Real images, not markdown text

If the AI writes a screenshot link in its own reply — including the classic markdown image syntax ![Screenshot](url) — the chat now renders it as an actual image inline, not raw text with a clickable link buried inside it.

The copy & open card

Every screenshot, wherever it appears, now shows a small card directly underneath the image with:

  • The full URL, truncated and in monospace
  • A copy button — one click, with a checkmark confirmation
  • An open in new tab button — for viewing it full-size or sharing the direct link
Screenshot preview card with copy and open link buttons

Works everywhere a screenshot shows up

This isn't limited to one spot — the same image-plus-card treatment appears in both places a screenshot can appear:

  • The AI message bubble — when the AI includes a screenshot in its written response
  • The pipeline logs — the tool-call timeline row for a <browser action="screenshot" /> call, right where you'd otherwise just see a plain result line
Chat interface showing an inline image preview in a conversation

Everything at a glance

ChangeBeforeAfter
Screenshot storageNot saved anywhereSaved to the project's Storage panel automatically
Screenshot timingCould capture before a file edit appliedWaits for the dev server to rebuild first
Chat displayRaw URL / markdown textReal inline image
Pipeline log displayPlain "Screenshot captured: url" textInline image in the tool-result row
Getting the linkManually select/copy from textOne-click copy button + open-in-new-tab

All live now — no setup required. The next screenshot the AI takes, in chat or a pipeline, will show up the new way automatically.


Related: AI Browser Agent — browse, click, and screenshot real websites · How to automate your dev workflow with the Pipeline Builder