オープンソースの Bolt 代替。

Bolt とは

Bolt（bolt.new、StackBlitz 提供）はブラウザ内で動作するホスト型の AI アプリビルダーです。製品を記述すると、デプロイ可能なフルスタック Web アプリを生成・実行します。ブラウザ内の開発環境とともに、プロンプトから動くアプリへ持っていくのが本当に速いです。

クローズドソースでホスト型、サブスクリプションとトークン単位のクレジットで課金されます。Open Design は異なる立場です。ローカルファーストでオープンソースのデザインエージェントで、自分のコーディングエージェントを向けて使います。両者はプロンプトから UI で重なりますが、バックエンドの実行では重なりません。

• ベンダー: StackBlitz（bolt.new）— ホスト型 SaaS
• 価格: サブスクリプション + トークン単位のクレジット
• 主な出力: 動くアプリ、加えてコードエクスポート

なぜチームは Bolt の代替を探すのか

チームが Bolt の先を探し始めるのは、成果物を所有し、支出を管理し、デザインをホスト型のブラウザ内プロジェクト内の状態ではなく、ポータブルでバージョン管理された資産として保ちたいときです。

• 成果物を所有する: デザインとコードは、ホスト型のブラウザ内プロジェクトの中ではなく、リポジトリ内のファイルとして存在すべきです。
• BYOK の経済性: 自分のプロバイダーキーを持ち込み、API 費用をサブスクリプションに加えてトークン単位のクレジットを払うのではなく、自分のアカウントに請求させます。
• エージェントの選択: 単一のベンダー管理モデルではなく、すでに使っているコーディングエージェント（Claude Code、Codex、Cursor など）からデザインを駆動します。
• オープンソース: Apache-2.0 でセルフホスト可能。フォークし、スタジオ向けにリブランドし、あるいは CI に組み込めます。

ローカルファースト + BYOK の解説

Open Design はデスクトップアプリ、ローカルデーモン、そして Markdown のスキルとデザインシステムのカタログをあなたのマシン上で実行します。デザイン出力がベンダークラウドを強制的に通ることはなく、あなたのブランドは、すべてのスキルが従うポータブルな DESIGN.md ファイルとしてリポジトリに存在します。

自分のエージェントキーを持ち込みます。認証情報はローカル設定または環境変数に留まり（Open Design がそれらをプロキシすることはありません）、API 費用は直接あなたに請求されます。

Open Design vs Bolt の機能比較

Bolt が勝る点: あなたの目標が、開発環境の配線済みのブラウザ内で即座に動くフルスタックアプリなら、Bolt はそれを最初から実現します。Open Design はデザインファーストです。

どちらを選ぶべきか

Bolt を選ぶべきケース:

• セットアップなしで、ブラウザ内でプロンプトから動くフルスタックアプリが欲しい。
• 同じホスト環境からそのままデプロイしたい。
• ローカルファイルよりホスト型 UI とトークン単位のクレジットを好む。

Open Design を選ぶべきケース:

• デザイン成果物とブランドをバージョン管理されたファイルとして欲しい。
• 既存のコーディングエージェントで BYOK したい。
• フォーク、リブランド、CLI 組み込み、セルフホストができるオープンソースが欲しい。
• すべてのスキルが従う、ブランドごとに 1 つの DESIGN.md が欲しい。

Bolt から Open Design へデザインを移す

現時点で Bolt からの自動インポートはありません。一度きりのブランド抽出実行でデザインファーストに始めましょう。

1. クイックスタートから Open Design をインストールします。
2. Web UI を開き、気に入った Bolt のプロジェクトやスクリーンショットにエージェントを向けます。
3. エージェントにブランドを DESIGN.md ファイルへ抽出するよう依頼します。
4. スキルを 1 つ選び、新しいブランドに対してレンダリングします。

それ以降は、すべてのスキルが再プロンプトなしであなたのブランドでレンダリングされ、ファイルはリポジトリに残ります。

FAQ

1. 01 Open Design は Bolt のドロップイン代替ですか？ +

   いいえ。Bolt は動くフルスタックアプリを出荷し、Open Design はデザインファーストであなたが所有する成果物を生み出します。両者はプロンプトから UI で重なりますが、バックエンドの実行では重なりません。

2. 02 Open Design は Bolt のようにフルアプリを構築できますか？ +

   Open Design はデザイン成果物、プロトタイプ、ブランドシステムに焦点を当てています。即座にブラウザ内で動くフルスタックアプリなら、Bolt の方が適しています。

3. 03 Open Design はどのエージェントを使いますか？ +

   あなたの選択次第です。Claude Code、Codex、Cursor、Gemini、OpenCode、Qwen で BYOK できます。API 費用はあなたのアカウントに請求され、認証情報が私たちを通してプロキシされることはありません。

4. 04 Open Design は本当にオープンソースですか？ +

   はい。github.com/nexu-io/open-design に Apache-2.0 で公開されており、セルフホスト可能です。

5. 05 Open Design は Bolt と提携していますか？ +

   いいえ。Open Design は独立したオープンソースプロジェクトです。Bolt と bolt.new はその所有者の商標であり、これは提携関係のない比較です。