Frontman

Ship frontend changes from your browser — no code editor needed

Open your running app in the browser, click on any element, and describe the change you want — Frontman edits the actual source code in your repo. No sandbox, no copy-paste. Real code changes your team can review and merge.

For designers and PMs who want to tweak UI without waiting on a developer. For developers who want fewer "can you move this 2px" tickets.

How It Works

1. A developer adds Frontman to the project — one command, works with Next.js, Astro, and Vite.
2. Anyone on the team opens the app in their browser — an overlay lets you click any element and describe the change you want in plain language.
3. Frontman edits the source code and hot-reloads — the change appears live in the browser, and the code diff is ready for the team to review.

Unlike screenshot-based AI tools, Frontman hooks into your framework's build pipeline — it understands your components, routes, and compilation errors, so it edits the right file every time.

Quickstart

Next.js

npx @frontman-ai/nextjs install

Astro

astro add @frontman-ai/astro

See Astro integration docs for configuration.

Vite

npx @frontman-ai/vite install

See Vite plugin docs for configuration.

• Framework-aware — Understands your components, routes, and build errors. Not just pixel screenshots.
• Real-time streaming — See edits appear in your editor as they're written, with live preview in the browser.
• Open protocol — Client, server, and framework adapters are decoupled and extensible. Read the docs.

Contributing

Contributions are welcome! Please read the Contributing Guide to get started.

License

This project uses a split license model:

• Client libraries and framework integrations (libs/) — Apache License 2.0
• Server (apps/frontman_server/) — GNU Affero General Public License v3

See the respective LICENSE files for details.

Links

• Website
• Changelog
• Issues