frontman-ai/frontman

The AI agent that lives in your framework/browser

What it solves

Frontman addresses the friction in frontend development where small UI changes—like adjusting spacing, colors, or copy—require a developer to open an IDE, locate the correct file, and manage the deployment cycle. It allows non-technical team members or developers to make these visual fixes directly in the browser.

How it works

Frontman integrates into your development server (Next.js, Astro, or Vite) and acts as an AI agent that runs in a browser overlay. It uses the Model Context Protocol (MCP) to bridge the gap between your live application and the source code. When you click an element on your screen, the agent analyzes the live DOM, computed CSS, and component tree to identify the corresponding source file. You describe the desired change in plain English, and the agent generates and applies the code edit, triggering an instant hot reload.

Who it’s for

It is designed for product managers and designers who want to polish UI without waiting for developer availability, and for frontend developers who want an AI tool that understands the rendered state of an application rather than just the raw source code.

Highlights

  • Live Context Awareness: Sees computed CSS, the component tree, and server logs, enabling precise edits that static code analysis might miss.
  • Framework Integrations: Supports Next.js, Astro, and Vite, with auto-detection for React, Vue, and Svelte.
  • BYOK (Bring Your Own Key): Compatible with various LLM providers including OpenAI, Anthropic, and OpenRouter.
  • Developer-Friendly: Edits your actual codebase and integrates into existing review workflows, ensuring production builds remain unaffected.

Related

  • Project
    alibaba/page-agent

    A client-side JavaScript library that embeds an AI agent into web pages for natural language DOM manipulation and automation without requiring headless browsers.

  • Project
    Leonxlnx/taste-skill

    A collection of agent skills that guide AI coding assistants to generate polished, high-quality web frontends with deliberate art direction and automated visual testing.

  • Project
    stagewise-io/stagewise

    An open-source agentic IDE that integrates a coding agent with full browser console and debugger access to streamline web development and reverse-engineering.

  • Project
    vercel-labs/eve-software-factory-template

    An AI software factory that automates the development loop from issue triage to draft pull request using a pipeline of specialized AI agents.

  • Project
    anomalyco/opencode

    OpenCode is an open-source AI coding agent available as a CLI and a beta desktop app. It installs via curl script, npm, Homebrew, pacman, mise, or Nix. It includes two built-in agents — "build" (full-access, default) and "plan" (read-only) — switchable with Tab, plus a "general" subagent. Docs are at opencode.ai/v2/docs, and projects using "opencode" in their name must disclaim affiliation with the team.