frontman-ai/frontman

What it solves

Frontman is an AI coding agent that allows non-technical team members, such as product managers and designers, to make precise frontend fixes directly in the browser without needing to open an IDE. It eliminates the friction of design QA and the handoff process by allowing users to click an element and describe changes in plain English to update the actual source code.

How it works

Frontman integrates with your local development server (supporting Next.js, Astro, and Vite) and turns it into an MCP server. This allows the AI agent to access live browser context—including the DOM tree, computed CSS, component tree, and source maps—and server-side context like routes and logs. When a user describes a change, Frontman identifies the correct source file, generates the edit, and triggers a hot reload to show the results instantly.

Who it’s for

• Product managers and designers who want to fix copy, spacing, colors, and layout issues without waiting for a developer.
• Frontend developers who want an AI tool with richer visual context (rendered output) than traditional IDE-based tools.
• Teams looking to reduce the cost of frontend handoff and polish.

Highlights

• Visual Editing: Click any element in the running app to target the edit.
• Framework Support: Works with Next.js (App and Pages Router), Astro, and Vite (React, Vue, Svelte).
• Broad LLM Support: Bring-your-own-key (BYOK) support for OpenAI, Anthropic, OpenRouter, Fireworks AI, NVIDIA, Google, and xAI.
• Open Source: Available under a split license (Apache 2.0 and AGPL-3.0).
• MCP Integration: Uses the Model Context Protocol to bridge the browser and the source code.