frontman-ai/frontman

解决的问题

Frontman 解决了前端开发中的摩擦，即小的 UI 更改（如调整间距、颜色或文案）需要开发人员打开 IDE、定位正确的文件并管理部署周期。它允许非技术团队成员或开发人员直接在浏览器中进行这些视觉修复。

工作原理

Frontman 集成到您的开发服务器（Next.js、Astro 或 Vite）中，并作为一个在浏览器覆盖层中运行的 AI 代理。它使用 Model Context Protocol (MCP) 来弥合您的实时应用程序与源代码之间的差距。当您点击屏幕上的元素时，代理会分析实时 DOM、计算出的 CSS 和组件树，以识别相应的源文件。您用简单的英语描述所需的更改，代理会生成并应用代码编辑，触发即时热重载。

适用人群

它专为希望在无需等待开发人员空闲的情况下完善 UI 的产品经理和设计师，以及希望使用能够理解应用程序渲染状态而非仅仅是原始源代码的 AI 工具的前端开发人员而设计。

亮点

• 实时上下文感知： 查看计算出的 CSS、组件树和服务器日志，实现静态代码分析可能遗漏的精确编辑。
• 框架集成： 支持 Next.js、Astro 和 Vite，并自动检测 React、Vue 和 Svelte。
• BYOK (自带密钥)： 兼容各种 LLM 提供商，包括 OpenAI、Anthropic 和 OpenRouter。
• 开发者友好： 编辑您的实际代码库并集成到现有的审查工作流程中，确保生产构建不受影响。