Frontman — Browser-Based Visual Frontend Editing

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.

When to Activate

Activate when the user wants to:

• Make visual changes to a running web app (spacing, colors, layout, copy)
• Edit frontend components without opening an IDE
• Set up browser-based AI editing for their project
• Fix design system inconsistencies by clicking elements directly
• Let designers or PMs make UI changes without engineering tickets

Setup

Detect the user's framework and install Frontman: