We use cookies. Analytics only with your consent. Change your preferences anytime.

Back to newsroom
Updates

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

Screenshots taken by the AI browser tool now save automatically to your Storage panel, render as real images in chat instead of raw links, and come with a copy-URL and open-in-new-tab card.

By AI Codes It Team Jul 17, 2026 5 min read

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

Filed under //
Updates AICODESIT
Share //
From reading to building

Ready to build yours?

Everything you just read about, you can try in the browser — describe your idea and watch the AI write, host and deploy it in about a minute.