Frontman

Small frontend fixes, a copy change, a spacing bug on mobile, a broken button on an internal page, rot in a backlog because whoever spotted them cannot open the codebase. Frontman puts an AI coding agent inside the running app, so anyone can click the element, describe the change in plain English, and watch the source file get edited and hot reloaded.

Most AI coding tools read source files and never see the rendered page. Frontman starts at the browser and works backward. The framework integration turns your development server into an MCP server the agent queries for browser context, meaning the DOM tree, computed CSS, and element selection, and for server context, meaning routes, server logs, and source maps. The orchestrator behind it is an Elixir and Phoenix service.

Installation is one command per framework, and the supported stacks are already wide.

• Next.js: App Router and Pages Router, compatible with Turbopack.
• Astro: versions 5 through 7 on Node.js 22.19 or newer, aware of islands, content collections, and SSR.
• Vite: React, Vue, Svelte, and SvelteKit, auto-detected from your Vite config.
• Bring your own key: connect OpenAI, Anthropic, OpenRouter, Fireworks, NVIDIA, Google, or xAI and pay the provider directly.
• OpenClaw skill: install Frontman as a skill so a general agent gains component tree awareness and hot reload feedback.

Integrations run in development mode only and are stripped from production builds, so the deployed bundle is identical either way. Self-hosting stays free under Apache 2.0 and AGPL 3.0, while the hosted service moves to paid plans.