Design In The Browser 是一款 AI 驱动的视觉前端开发工具，它衔接了视觉设计与 AI 开发。用户可以在浏览器中点击任意网站元素，用自然语言描述所需的修改，并将指令（带截图）直接发送给集成在内置终端中的 AI 模型（Claude Code、Cursor 或 Gemini CLI）。这一流程消除了手动复制选择器或描述布局的需要，允许开发者快速查看、描述和修改元素，同时由 AI 处理代码编写。
适合人群
- 前端开发者
- 网页设计师
- UI/UX 工程师
- 专注于 AI 的开发者
产品优势
- 允许使用自然语言进行设计编辑，无需复制选择器。
- 集成强大的外部 AI 编码工具（Claude Code、Cursor、Gemini CLI）。
- 具有内置的响应式测试和视口自定义功能。
- 支持多重编辑排队，提高工作效率。
- 提供与首选代码编辑器的无缝集成。
使用注意
- 需要外部 AI 工具（Claude Code、Cursor 或 Gemini CLI）才能运行。
- 系统兼容性有限（macOS 13+ / Windows 10+）。
