0xnyn/airship

解決する問題

Airship は、コードエディタと別のデザインツールを切り替える必要をなくします。実行中の開発サーバーの上に直接配置されるビジュアルインターフェースを提供し、ページ上の要素を選択して、AI エージェントにソースコードを自動的に更新させることができます。

仕組み

Airship は、既存の開発サーバー（Vite、Next.js、Rails など）の前で実行されるプロキシとして機能します。CLI をローカルポートに向けると、ブラウザでビジュアルエディタが開きます。要素を選択し、変更内容を説明し、AI エージェント（Claude、Codex、OpenCode）を選択して、それらの変更をファイルに直接適用できます。2 つのモードをサポートしています：アプリを複数のデバイスフレームで表示する「キャンバス」ビューと、エディタをライブページに直接オーバーレイする「インライン」ビューです。

対象者

外部のデザインソフトウェアで UI を再構築したり、コード行を手動で探したりすることなく、Web アプリケーションに視覚的な調整を加えたい開発者。

ハイライト

• ゼロ設定統合： プラグイン、依存関係、またはプロジェクトのビルドプロセスの変更は不要です。
• ライブビジュアル編集： 変更はソースファイルに直接適用され、編集の取り消しもサポートしています。
• マルチデバイスキャンバス： 1 つのパン可能なキャンバス上で、異なる画面サイズのアプリを同時に表示および編集できます。
• プライバシー重視： マシンからデータが送信されることはありません。アカウント作成も不要で、テレメトリデータも収集されません。
• 柔軟なエージェントサポート： 既存の Claude、Codex、OpenCode の設定と認証で動作します。