Give your agent
a way to see.

React, HTML, text, or a URL.
Get a screenshot. Make the next edit.

Start rendering

Your next iteration

$ agent-render render component.tsx -o preview.png

A real browser render. Ready for your agent to inspect.PNG

ReactTSX / JSXHTMLTextURL

A shorter loop.
A better next edit.

Your agent writes the code. agent-render returns the image. Give it the feedback it needs to keep building.

Images returned directly through MCP
Files, inline code, stdin, or live URLs
A warm browser for repeated HTTP calls

Explore the docs

Example rendered by agent-render: a blue frame symbol, the words Hello, agent, and a preview-ready status on a black card. — Rendered with agent-renderView source

Let it see.

Install from source. Node.js 22+.

Get the source

Terminal

git clone https://github.com/David-glitc/agent-render.git
cd agent-render
npm install
npx playwright install chromium
npm run build && npm link
agent-render render examples/card.tsx -o preview.png

Give your agenta way to see.

A shorter loop.A better next edit.

Let it see.

Give your agent
a way to see.

A shorter loop.
A better next edit.