01 / OVERVIEW
Design In The Browserとは？
Design In The Browser 是一款 AI 驱动的视觉前端开发工具，它衔接了视觉设计与 AI 开发。用户可以在浏览器中点击任意网站元素，用自然语言描述所需的修改，并将指令（带截图）直接发送给集成在内置终端中的 AI 模型（Claude Code、Cursor 或 Gemini CLI）。这一流程消除了手动复制选择器或描述布局的需要，允许开发者快速查看、描述和修改元素，同时由 AI 处理代码编写。
02 / CAPABILITIES
主な機能
点击即改编辑功能，指令即时发送给 AI 命令行工具
代码编辑器集成（直接跳转到源代码）
多重编辑排队能力
集成终端，用于浏览器和代码侧边工作
响应式测试（带有可自定义的视口切换器）
参考图像支持（用于像素级精准提示)
BENEFITS & LIMITS
長所と制限
長所
- 允许使用自然语言进行设计编辑，无需复制选择器。
- 集成强大的外部 AI 编码工具（Claude Code、Cursor、Gemini CLI）。
- 具有内置的响应式测试和视口自定义功能。
- 支持多重编辑排队，提高工作效率。
- 提供与首选代码编辑器的无缝集成。
制限事項
- 需要外部 AI 工具（Claude Code、Cursor 或 Gemini CLI）才能运行。
- 系统兼容性有限（macOS 13+ / Windows 10+）。
SOURCES
公式サイトと情報源
RELATED COLLECTIONS
関連特集
NEWS REPORTS
