用途
Frontman 是一款开源 AI 编程智能体，定位是“住在你的框架/浏览器里的 AI 代理”。它面向那些通常卡在设计走查、产品评审或内部工具待办清单里的小型前端改动，让产品与设计人员无需打开 IDE 就能直接交付前端修复。
主要能力
- 在运行中的应用里点击任意元素，用自然语言描述修改，Frontman 会编辑真实源文件并即时热重载。
- 可读取实时 DOM、组件树、计算后的 CSS、路由、source map 以及服务器日志，从而定位到真正拥有该 UI 的源文件。
- 典型可请求的任务包括：跨浏览器与设备修复某个元素、修复内部子页面上的按钮、修改全应用的空状态文案、让移动端卡片间距与桌面端一致等。
- 框架集成会把本地开发服务器变成 MCP 服务器，供 AI 代理查询客户端上下文（DOM 树、计算 CSS、截图、元素选择）和服务器端上下文（路由、服务器日志、查询耗时、编译模块）。
使用方式
- 开发者将 Frontman 加入项目——一条命令，支持 Next.js、Astro 和 Vite。
- 团队任何成员在浏览器中打开应用——访问 localhost/frontman 即可获得聊天界面与应用的实时视图。
- 点击任意元素并描述修改——Frontman 会看到该元素在组件树中的位置、其计算样式以及服务器端上下文，编辑正确的源文件并热重载。
适用场景
- 产品经理和设计师：需要修复文案、间距、颜色、布局问题以及内部 UI 打磨，而不必等待开发者打开 IDE。
- 前端开发者：希望获得比终端式 AI 工具更丰富的上下文。Frontman 读取渲染后的页面，而不仅是源文件，因此知道 CSS 计算后的结果以及每个 DOM 节点由哪个组件渲染。
- 交接成本高于实际改动的团队：让队友在浏览器内完成编辑，再通过常规评审流程提交 diff。
支持的框架
- Next.js：支持 App Router 和 Pages Router，兼容 Turbopack。
- Astro：兼容 Astro 5、6、7，需 Node.js 22.19 或更新版本；理解 Islands 架构、内容集合以及 SSR/混合模式。
- Vite（React、Vue、Svelte）：从 vite.config 自动检测框架，支持 React、Vue、Svelte，包括 SvelteKit。
框架集成仅在开发模式下运行。生产构建会剥离 Frontman，因此无论是否安装 Frontman，部署后的产物都完全相同。
AI 模型支持
Frontman 采用 BYOK（自带密钥）模式，可连接任意 LLM 提供商：OpenAI（GPT 和 Codex 模型）、Anthropic（Claude Pro/Max 模型）、OpenRouter（Claude、GPT、Gemini、Kimi、MiniMax 及数百种其他模型）、Fireworks AI、NVIDIA、Google 和 xAI。用户直接按各 LLM 提供商的标准费率付费。Frontman Pro 提供 14 天试用，需绑定信用卡，之后为付费订阅。自托管可依据仓库条款进行。
与其他 AI 编程工具的关系
大多数 AI 编程工具基于源文件工作，从不查看运行中的应用。Frontman 采取相反路径——从浏览器出发，反向定位到源代码。Frontman 与这些工具是互补关系：许多开发者用 Cursor 或 Copilot 处理后端工作和通用重构，在需要看到浏览器中所编辑内容时切换到 Frontman。
与 OpenClaw 的配合
Frontman 可作为 OpenClaw 技能使用。安装后可为 AI 代理提供专门的前端编辑能力——组件树感知、计算 CSS、source map 解析以及 OpenClaw 通用浏览器工具所不具备的热重载反馈。可用 OpenClaw 做通用自动化（shell、消息、文件），用 Frontman 在代码库中做精确的可视化编辑。
自托管与许可
Frontman 是开源项目，可从源码自托管。官方托管与自托管打包仍在演进中。项目采用分拆许可模式：框架集成和客户端库（libs/）采用 Apache License 2.0；服务器（apps/frontman_server/）采用 GNU Affero General Public License v3。可在商业应用中使用 Frontman；AGPL 适用于服务器，因此基于 Frontman 构建的托管服务需保持开源。欢迎贡献，请先阅读贡献指南。
限制
- 框架集成仅在开发模式下运行，生产构建会剥离 Frontman。
- 官方托管与自托管打包仍在演进中。
- 使用 AI 模型需自备各提供商密钥并按其标准费率付费。
- 关于具体价格、平台支持范围等更多细节，资料中暂未提供。
