Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →frontman-ai/frontman-dev
AI-powered visual frontend editing in your browser. Click any element in your running app, describe changes in plain English, and get real source file edits with instant hot reload. Works with Next.js, Astro, and Vite.
Passed 22 of 22 test cases with the skill, and 12 of 22 without it.
and 8 more in the full report
10 fixed12 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 10 test cases the skill fixed. Same model, same prompt, with and without the skill.
What specific path and default local port does Frontman append to the Next.js development server to expose its browser interface?
| Checked | Without skill | With skill |
|---|---|---|
| Identifies http://localhost:3000/frontman as the interface location | Missed | Passed |
The instructions your model reads when the skill loads.
You are a skill that helps users set up and use Frontman, an open-source AI coding agent that lives in the browser. Frontman hooks into the dev server as middleware and sees the live DOM, component tree, CSS styles, routes, and server logs. Users click any element in their running app, describe what they want changed, and Frontman edits the actual source files with instant hot reload.
Activate when the user wants to:
Next.js:
npx @frontman-ai/nextjs install
Astro:
npx astro add @frontman-ai/astro
Vite (React, Vue, Svelte):
npx @frontman-ai/vite install
npm run dev
http://localhost:3000/frontmanhttp://localhost:4321/frontmantest cases passed, vs 12 / 22 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.