An AI agent that lives in your browser, directly accessing runtime DOM and editing frontend source code. Supports Next.js, Astro, and Vite — ship frontend changes with natural language, no IDE needed.
Frontman is an innovative frontend development tool that embeds an AI agent directly in the browser environment. Unlike tools like Cursor, Claude Code, or GitHub Copilot that run in terminals or IDEs, Frontman's agent connects to both the dev server and browser, enabling real-time access to DOM, styles, and component trees.
Key Features#
- Visual Component Selection: Click to select any element directly in the browser without finding files or line numbers
- Plain English Editing: Describe changes in natural language, AI edits source code directly
- Real-time Streaming: Code edits stream to editor in real-time with instant preview in browser
- Rule Files Auto-loading: Automatically reads project's
agents.md,claude.md, or custom rule files, injecting tech stack, conventions, and coding standards into every prompt - Git Integration: Commit and push changes directly without leaving the browser
Supported Frameworks#
- Next.js: App Router, Pages Router, Turbopack
- Astro: SSR, SSG, Islands
- Vite: React, Vue, Svelte
Architecture Highlights#
- Uses MCP (Model Context Protocol) for client-server communication
- Open Protocol design with decoupled, extensible client, server, and framework adapters
- Built with ReScript (55.2%) and Elixir/Phoenix (23.0%)
- Monorepo structure with modules: chrome-extension, frontman_server, frontman-core, etc.
Use Cases#
- Designers adjusting UI directly without waiting for developers
- Product managers quickly validating UI changes
- Developers handling trivial UI tickets, reducing "move this 2px" requests
Quick Start#
Next.js Project
npx @frontman-ai/nextjs install
Access at http://localhost:3000/frontman after installation
Astro Project
astro add @frontman-ai/astro
Vite Project
npx @frontman-ai/vite install
AI Model Connection#
Supports connecting Claude, ChatGPT, OpenRouter AI subscription services.
Current Status#
Project is in Free Beta phase with active development, latest version v0.8.0. Client libraries and framework integrations use Apache 2.0 license, server uses AGPL-3.0 license.