https://github.com/frontman-ai/frontman
The AI agent that lives in your framework/browser
https://github.com/frontman-ai/frontman
agent ai ai-agent ai-coding artificial-intelligence astro browser copilot developer-tools frontend hot-reload llm nextjs open-source react svelte typescript visual-editing vite vue
Last synced: about 2 months ago
JSON representation
The AI agent that lives in your framework/browser
- Host: GitHub
- URL: https://github.com/frontman-ai/frontman
- Owner: frontman-ai
- License: other
- Created: 2025-09-29T08:38:03.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2026-02-25T13:50:49.000Z (2 months ago)
- Last Synced: 2026-02-25T14:23:32.200Z (2 months ago)
- Topics: agent, ai, ai-agent, ai-coding, artificial-intelligence, astro, browser, copilot, developer-tools, frontend, hot-reload, llm, nextjs, open-source, react, svelte, typescript, visual-editing, vite, vue
- Language: ReScript
- Homepage: https://frontman.sh
- Size: 291 MB
- Stars: 142
- Watchers: 1
- Forks: 2
- Open Issues: 53
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: .github/CODEOWNERS
- Security: SECURITY.md
- Agents: AGENTS.md
Awesome Lists containing this project
- awesome-nocode-lowcode - Frontman - Open-source AI coding agent that lives in your browser — click any element, describe changes in plain English, and get real code edits. Designed for cross-functional teams. (Visual Programming)
- awesome-AI-driven-development - Frontman - Open-source AI coding agent that lives in your browser. Hooks into your dev server as middleware, sees live DOM, component tree, CSS, routes, and server logs. Click any element, describe changes, get real source code edits with hot reload. (AI Code Editors & IDEs)
- fucking-awesome-nextjs - Frontman - An open-source AI coding agent that lives in your browser, enabling visual element selection and plain-English code edits with hot reload. (Extensions)
- awesome-nextjs - Frontman - An open-source AI coding agent that lives in your browser, enabling visual element selection and plain-English code edits with hot reload. (Extensions)
- awesome-vibe-coding - Frontman - source AI agent that lives in your browser — click any element, describe changes in plain English, and get real code edits with hot reload. Works with Next.js, Vite, and Astro. (Extensions & Plugins)
README
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
```bash
npx @frontman-ai/nextjs install
```
### Astro
```bash
astro add @frontman-ai/astro
```
See [Astro integration docs](https://frontman.sh/docs/astro) for configuration.
### Vite
```bash
npx @frontman-ai/vite install
```
See [Vite plugin docs](https://frontman.sh/docs/vite) 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](./docs/).
## Contributing
Contributions are welcome! Please read the [Contributing Guide](./CONTRIBUTING.md) to get started.
## License
This project uses a split license model:
- **Client libraries and framework integrations** (`libs/`) — [Apache License 2.0](./LICENSE)
- **Server** (`apps/frontman_server/`) — [GNU Affero General Public License v3](./apps/frontman_server/LICENSE)
See the respective `LICENSE` files for details.
## Links
- [Website](https://frontman.sh)
- [Changelog](./CHANGELOG.md)
- [Issues](https://github.com/frontman-ai/frontman/issues)