0xnyn/airship

解决的问题

Airship 是一个代码库的可视化编辑器，允许您通过基于浏览器的设计画布直接修改 UI。它消除了在独立设计工具和代码编辑器之间切换的需要，让您可以在运行中的应用程序中选择元素，并使用 AI 代理通过描述来应用更改。

工作原理

Airship 作为一个代理运行在您现有的开发服务器（支持 Vite、Next、Remix、Rails 等）之前。它提供一个可视化界面，您可以选择元素，Airship 会将这些元素映射到生成它们的确切文件和行号。然后，您可以使用集成的 AI 代理（Claude Code、Codex 或 OpenCode）根据您的描述对源文件进行编辑。

适用人群

希望快速迭代 UI 变更，而无需手动在代码中查找相同元素或在设计工具中重建 UI 的前端开发人员和设计师。

主要亮点

• 零配置： 无需向项目包或配置中添加任何插件或依赖项。
• 多设备预览： 在无限画布上并排查看和编辑多个实时帧（例如桌面和 iPhone）。
• 集成 AI 代理： 支持 Claude、Codex 和 OpenCode，并提供沙盒执行选项（--safe 模式），以保护您的项目文件。
• 本地优先： 所有操作均在您的机器上运行，无需账户、遥测或外部服务。
• 详细检查器： 包含 CSS 盒模型查看器、DOM 树导航器和布局控制。