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 為希望簡化編碼過程的開發者提供了一個有前景的解決方案，但在使用者指導和支持方面的進一步增強可以提升其可用性。