0xnyn/airship

它解决的问题

Airship 消除了在代码编辑器和独立设计工具之间切换的需要。它提供了一个直接位于你正在运行的开发服务器之上的视觉界面，允许你选择页面上的元素，并让 AI 代理自动更新你的源代码。

工作原理

Airship 作为一个代理，运行在你现有的开发服务器（如 Vite、Next.js 或 Rails）之前。你将 CLI 指向本地端口，它会在浏览器中打开一个视觉编辑器。然后你可以选择元素、描述更改，并选择 AI 代理（Claude、Codex 或 OpenCode）来直接将这些更改应用到你的文件中。它支持两种模式：'画布'视图，在多个设备框架中显示你的应用；以及'内联'视图，将编辑器直接覆盖在你的实时页面上。

适用人群

适用于希望对其 Web 应用进行视觉调整，而无需手动查找代码行或在外部设计软件中重建 UI 的开发人员。

亮点

• 零配置集成： 无需插件、依赖项或更改项目的构建过程。
• 实时视觉编辑： 更改直接应用到你的源文件，并支持撤销编辑。
• 多设备画布： 在单个可平移画布上同时查看和编辑不同屏幕尺寸下的应用。
• 注重隐私： 不会从你的机器中传出任何内容；无需创建账户，也不收集遥测数据。
• 灵活的代理支持： 适用于你现有的 Claude、Codex 或 OpenCode 配置和认证。