Airship - 代码库的可视化编辑器

Airship 是一个为代码库设计的可视化编辑器，允许开发者直接编辑他们正在运行的应用程序。通过利用像 Claude Code、Codex 或 OpenCode 这样的 AI 编码代理，用户可以选择元素，描述更改，并实时查看源代码更新。该工具旨在通过提供一个直观的界面，帮助与现有工作流程无缝集成，从而简化开发过程。

1. 可视化编辑

   Airship 提供了一个类似 Figma 的可视化工作区，直接连接到您的运行应用程序，允许实时编辑，无需单独的设计工具。

2. 与 AI 编码代理的集成

   用户可以利用 Claude Code、Codex 或 OpenCode 等 AI 代理进行更改。这种集成允许在可视化编辑和代码调整之间平滑过渡。

3. 实时源代码更新

   在可视化编辑器中所做的更改会立即反映在源代码中，使开发者能够即时看到修改的影响。

4. 无需插件

   Airship 作为反向代理运行，这意味着它不需要对现有代码库进行任何插件或修改，确保设置无忧。

5. 设备视口

   该工具允许开发者查看更改如何影响不同设备，通过提供桌面、平板和移动设备的真实视口，促进响应式设计。

6. 安全模式

   Airship 包含一个安全模式，限制潜在的破坏性命令，确保用户可以自信地工作而不危及他们的代码库。

7. 撤销功能

   用户可以轻松撤销在编辑器中所做的更改，因为 Airship 会跟踪文件的先前版本，使撤销编辑变得简单，无需依赖 Git。

1. 按照通常的方式运行您的应用程序。
2. 使用命令 npx @airshiplabs/cli --target 3000 将 Airship 连接到您的开发服务器。
3. 在可视化编辑器中选择一个元素以确定您的更改范围。
4. 清晰描述所需的更改，以查看结果代码差异。
5. 利用真实视口测试更改在不同设备上的显示效果。

什么是 Airship?

Airship 是一个可视化编辑器，允许开发者使用 AI 编码代理实时编辑他们的应用程序，增强开发工作流程。

Airship 如何工作?

Airship 连接到您现有的开发服务器，并提供一个可视化界面用于编辑元素。用户可以描述更改，该工具会相应地更新源代码。

我需要更改我的构建或添加插件吗?

不需要，Airship 作为反向代理运行，不需要对您的构建过程或额外插件进行任何更改。

我可以在 Airship 中使用我现有的编码代理吗?

可以，Airship 与 Claude Code、Codex 和 OpenCode 兼容，允许您使用您已经熟悉的代理。

使用 Airship 与真实代码库安全吗?

Airship 在本地运行，不会将您的代码发送到外部服务器，确保您的代码保持安全。

价格数据尚不可用；请访问官方 Airship 网站以获取最新信息。

1. Airship 通过提供一个与现有工作流程无缝集成的可视化界面，有效简化了开发者的编辑过程。实时查看更改的能力提高了生产力，减少了在工具之间不断切换的需求。

2. 然而，对 AI 代理的依赖可能对某些用户构成学习曲线，特别是那些不熟悉这些技术的用户。

3. 尽管撤销功能是一个显著优势，但整体用户体验可以通过更直观的导航和为新用户提供更多教程来改善。

4. 总体而言，Airship 为希望简化编码过程的开发者提供了一个有前景的解决方案，但在用户指导和支持方面的进一步增强可以提升其可用性。