Open Design

daemon が PATH を 16 種の coding-agent CLI でスキャン。入っているものが候補のデザインエンジンになり、stdio 経由で動かします — CLI ごとに 1 つのアダプター。

各 Skill は SKILL.md + assets/ + references/。skills/ 配下にフォルダを置いて daemon を再起動すれば、ピッカーに出てきます。同梱の magazine-web-ppt はそのまま commit、ライセンスは保持。

9 セクションの DESIGN.md スキーマ — color、typography、spacing、layout、components、motion、voice、brand、anti-patterns。すべての artifact がアクティブなシステムから読み取ります。システムを切り替え → 次のレンダリングが新しいトークンを使う。

1 ターン目は <question-form> のみ — 思考なし、ツールなし、語りなし。surface · ターゲット · トーン · ブランド · 規模。方向を間違えるコストは 1 回のチャット、1 つの仕上がった deck ではありません。

daemon はあなたのプロジェクトの artifact フォルダを cwd にして CLI を spawn します。Agent が手にするのは本物の Read、Write、Bash、WebFetch — 本物のツールが、本物のファイルシステムを叩きます。SQLite が project、conversation、message、tab を永続化。

discovery directives + identity charter + アクティブな DESIGN.md + アクティブな SKILL.md + project metadata + skill side files。すべてのレイヤーが組み合わせ可能。すべてのレイヤーが、書き換えられるファイル。

`od mcp` でプロジェクトを stdio MCP server として公開。Claude Code、Codex、Cursor、VS Code、Antigravity、Zed、Windsurf — MCP を喋るツールなら、あなたのプロジェクトの artifact、ファイル、メタデータをそのまま読みに来られます。境界は読み取り専用：ファイル読み取り、検索、メタデータ。書き込みも外部呼び出しもありません。

Open Design は Anthropic Claude Design のオープンソース代替です。ローカルでは pnpm tools-dev で動き、Vercel にデプロイ可能で、デザインエンジンには既に入っている coding-agent CLI（Claude Code、Codex、Cursor、Gemini、OpenCode、ほか 11 種）を使います。Apache-2.0。

Claude Design はクローズドソース、有料（Pro/Max/Team）、クラウド限定、Anthropic のモデルと Skill に縛られています。Open Design はオープンソース、BYOK、ローカルファーストで、16 種の CLI アダプターまたは任意の OpenAI / Azure / Google 互換エンドポイントの間でモデルを自由に切り替えられます。

セルフホスト、モデル柔軟性、カスタム Skill が必要なら、Yes。クローズドループ（Agent 検出 → Skill + Design System を選ぶ → チャット → <artifact> をパース → プレビュー → 保存）はエンドツーエンドで動きます。v0.4.x で Critique Theater（出図前に 5 人の Design Jury が採点）、Tweaks モード（プレビューで要素を選んでチャットに渡す）、Manual edit モード、そして Composio コネクタから生データを引いてくる live artifact が加わりました。

要りません。Open Design は PATH 上にすでにある coding-agent CLI、または BYOK プロキシ経由で任意の OpenAI 互換 API Key を使います。好きなプロバイダの Key を持ち込んでください。

標準で 16 種：Claude Code、Codex CLI、Cursor Agent、Gemini CLI、OpenCode、Qwen Code、Qoder CLI、GitHub Copilot CLI、Devin for Terminal、Hermes、Kimi CLI、Kiro CLI、Kilo、Mistral Vibe、DeepSeek TUI、Pi。daemon 起動時に PATH から自動検出されます。

Claude Design からエクスポートした ZIP をウェルカムダイアログにドロップしてください。POST /api/import/claude-design が本物の .od/projects/<id>/ フォルダに展開し、エントリファイルを tab として開き、ローカル Agent 用に「Anthropic で止まった場所から続行」する prompt を準備します。

できます。Web レイヤーは Next.js 16 + React 18 + TypeScript で、Vercel にデプロイ可能です。ローカル daemon はノート PC に残ります。完全リモート構成（Vercel + トンネル、Topology B）はロードマップ上です。

design-systems/<your-brand>/ に DESIGN.md を 1 枚置いてください — 9 セクションのスキーマ（color、typography、spacing、layout、components、motion、voice、brand、anti-patterns）に従って。daemon を再起動すれば、ピッカーに出てきます。

Apache-2.0 です。同梱の skills/guizang-ppt/ と skills/html-ppt/ は元の MIT ライセンスとクレジットを保持しています。有料プランは無し。利用制限も無し。コストは選んだ LLM プロバイダに払う分だけ。

1 ターン目の質問フォームが、モデルが筆を入れる前に要件を固めます。ブランド規定が無い場合、5 つのディレクションピッカーが確定したパレットを与えます。出力前に五次元セルフ評価でスコアリング。各 Skill が P0/P1/P2 チェックリストを持ち、pre-flight サイドファイル注入で強制適用。けばけばしい紫グラデーション、ありきたりな絵文字アイコン、ディスプレイ用フォントとしての Inter — これらは prompt スタックで明示的に禁止されています。

使えます。POST /api/proxy/stream が SSE チャンクを任意の OpenAI / Azure / Google 互換エンドポイントへ転送します。baseUrl、apiKey、model を貼るだけ — DeepSeek、Groq、OpenRouter、MiMo、Azure OpenAI、Google Vertex、自分の vLLM、Anthropic-via-OpenAI シム、すべて動きます。loopback とプライベートネットワークに対する SSRF 防御つき。

Settings → Execution に Connection test ボタンを追加（v0.5.0、PR #507）。baseUrl、apiKey、model を貼り付けて Test を押すと、Open Design がプロバイダに最小ハンドシェイクを送り、応答か正確なエラーフレームを表示します。Anthropic、OpenAI 互換、Azure、Google エンドポイント対応。Key が違う、モデル名が間違っている、gateway がブロックしている — そんな時にチャットから障害を追う往復が省けます。

Anthropic のモデルを選んだ場合のみ（Claude Code、もしくは BYOK プロキシで Anthropic Key を使う場合）です。Open Design 自体は、すべてをローカルの SQLite（.od/app.sqlite）と各プロジェクトの .od/projects/ ファイルに保存します。Open Design のサーバーには何もアップロードされません — そもそも Open Design のサーバーは存在しません。

読めます。`od mcp` を実行すれば、Open Design は stdio MCP server として自身を公開します。Claude Code、Codex、Cursor、VS Code、Antigravity、Zed、Windsurf — MCP を喋るツールはどれも、あなたのプロジェクトのファイルを読み、検索を実行し、メタデータを参照できます。境界では読み取り専用：ファイル読み取り、検索、メタデータ。書き込みも外部呼び出しもありません。v0.4.0 から。

出力前に 5 人の Design Jury が artifact を採点します — アクセシビリティ、ブランド適合、クラフト、コンテンツ、構造。v0.4.0 Phase 4 で永続化 + transcript + orchestrator がエンドツーエンドで完成。閾値を下回れば Agent が自分で書き直して再採点し、閾値を超えたら出力します。

Live artifact はプレビュー枠内の artifact が Composio コネクタカタログから生データを引いてきます — GitHub、Linear、Notion、Gmail などなど。同梱の orbit-general / orbit-github / orbit-gmail / orbit-linear / orbit-notion といった Skill と social-media-dashboard で、配線が完成しています。v0.4.0 から（PR #381）。