Frontend UI Loop

An agent that builds UI and looks at what it built: it runs your dev server, opens the page in a real browser and screenshots it after every change.

What's inside

• UI builder (Claude Code).
• Preview browser: a real Chrome the agent navigates, clicks and screenshots (browser_screenshot), so it judges the result by the rendered page, not by the code.
• Dev server terminal for npm run dev or whatever your stack uses.
• Dev servers card: every local port that looks like a dev server, one click to open it.
• frontend-design skill (Anthropic, from skills.sh): guidance for distinctive, production-grade interfaces instead of generic ones.

How to use

1. Import into your web project.
2. Describe the page or component in the pasted prompt and press Enter.
3. Watch the Preview card; reply in the agent card when you want changes.

The browser card runs Chrome for Testing, which the app downloads by itself.