OSS Tanbou
View on GitHub

Frontman — A browser-native AI coding agent that edits frontend source using live DOM, CSS, and source maps

OSS health 100
About these scores

Discovery score is an unbounded weighted, log-compressed index of stars, watchers, forks, and contributors. Growth momentum is its change over the observed period; OSS health is a 0–100 score from available repository recency, Community Health, and release data.

Stars
697
Primary language
ReScript
License
Not determined
Repository last updated
Sep 14, 2026

Overview

Frontman adds framework integrations to a running frontend so users can select an element in the browser, describe a change, and have the agent edit the actual source files. It supports Next.js, Astro, and Vite stacks including React, Vue, and Svelte. The latest stable release is v5.1.0, and licensing is split between integrations/client code and the server.

Features and best fit

Based on official documentation; not hands-on tested · Content checked:

Resolve edits from live DOM, computed CSS, component trees, and source maps

Instead of relying only on source files, Frontman uses rendered DOM, computed CSS, component trees, routes, server logs, and source maps to locate the code behind a selected UI element, then hot-reloads the result.

Sources: [2]

Integrate with Next.js, Astro, or Vite and turn the dev server into an MCP-aware editing environment

Next.js uses npx @frontman-ai/nextjs install, Astro uses npx astro add @frontman-ai/astro, and Vite uses npx @frontman-ai/vite install. Framework integrations are development-only and are stripped from production builds.

Sources: [2]

For teams reducing handoff cost between product/design and frontend engineering on small visual fixes

It is aimed at copy, spacing, color, layout, responsive, and similar changes where identifying the owning component and handing work to an engineer can cost more than the edit itself.

Review provider data boundaries, source-write permissions, and the split license

BYOK support means selected context can be sent to providers such as OpenAI, Anthropic, or OpenRouter according to the configured model. The agent can modify source files, so normal diff review remains important. Licensing is split: libs/ uses Apache-2.0 while apps/frontman_server/ uses AGPL-3.0.

Sources: [2][3]

Official sources

  1. [1]frontman-ai/frontman — GitHub repository metadata(2026-09-16)
  2. [2]Frontman — README(2026-09-16)
  3. [3]Frontman v5.1.0 release(2026-09-16)
Supplemental curator note

Its differentiator is using rendered UI as context, not source alone. Because it sends context to configured model providers and writes source, teams still need data-boundary controls and diff review.

Try it in 3 steps

  1. 1

    Add Frontman to a Next.js project

    Use the README Next.js quickstart as a representative path; Astro and Vite integrations are also available.

    npx @frontman-ai/nextjs install
  2. 2

    Start the dev server

    Frontman integrations run in development mode and are stripped from production builds.

    npm run dev
  3. 3

    Select an element and request a change

    Verify that live DOM, computed CSS, source maps, and related context are used to generate a source diff.

    http://localhost:3000/frontman → Select element → Describe change
Check the official README

Growth

Growth trends · Last 30 days

697 Stars

Trend data is still being collected.

Development activity

Last 90 days · weekly

Commits (last 30 days)
199
Open PRs
10

Development activity is still being collected.

Built with

Categories and tags

Categories

Tags

GitHub data

GitHub dataView detailed GitHub data
View on GitHub

GitHub Topics

  • agent
  • llm
  • ai
  • ai-agent
  • ai-coding
  • artificial-intelligence
  • astro
  • browser
  • copilot
  • developer-tools
  • frontend
  • hot-reload
Stars
697
Forks
51
Watchers
3
Open issues
225
Primary language
ReScript
License
Not determined
Repository last updated
Sep 14, 2026
Write a related article

Share a guide or use case for this OSS in Markdown. Articles are published after administrator approval.

Report incorrect information

Tell us if any listing information is incorrect or outdated.