オープンデザイン：Claude Designのオープンソース代替、ローカルCLIエージェントで動作

Open Design（OD）は、AnthropicのClaude Designのオープンソース代替品で、2026年4月17日にOpus 4.7でリリースされました。クローズドソースで有料かつクラウドのみのオリジナルとは異なり、ODはローカルファーストでWebデプロイ可能、かつ全レイヤーでBYOKです。PATH上の11のコーディングエージェントCLI（Claude Code、Codex、Cursor Agent、Gemini CLI、OpenCode、Qwen、GitHub Copilot CLI、Hermes、Kimi、Pi、Kiro）を自動検出し、スキル駆動のデザインワークフローに統合します。CLIがない場合でも、OpenAI互換のBYOKプロキシを使用すれば、spawnなしで同じループを実現できます。

主な機能

• 72のブランド級デザインシステムと31の合成可能スキル（op7418/guizang-ppt-skillのバンドルされたskills/guizang-ppt-skillを含み、WebGLヒーローとP0/P1/P2チェックリストを備えたマガジンスタイルのデッキに対応）
• alchaincyf/huashu-designによる5ステップのブランドアセットプロトコル、反AIスロップチェックリストと5次元自己批評、方向性選択では5学派×20デザイン哲学を提供
• ライブTodoWriteプランをUIにストリーミング。エージェントは、シードテンプレート、レイアウトライブラリ、自己チェックリストを含む実際のオンディスクプロジェクトフォルダを構築
• サンドボックス化されたiframeプレビュー（ベンダー版React 18 + Babel）と、Todo、ツールコール、割り込み可能な生成を表示するライブエージェントパネル
• エクスポート：HTML、PDF、PPTX、ZIP、Markdown
• pnpm tools-devでローカル実行、Web層はVercelにデプロイ可能

アーキテクチャ

ODは4つのオープンソースプロジェクトに基づいています：huashu-design（デザイン哲学）、guizang-ppt-skill（デッキモード）、open-codesign（ストリーミングアーティファクトループ、ライブプレビュー）、multica（デーモン兼ランタイム、PATHスキャン時代）。プロンプトスタックは、LLMを、動作するファイルシステム、決定論的パレットライブラリ、チェックリスト文化を持つシニアデザイナーのように振る舞うよう訓練します。

典型的なワークフロー：「シードラウンド用のマガジンスタイルのピッチデッキを作って」のようなプロンプトが、インタラクティブな質問フォームをトリガーし、エージェントは5つの厳選されたビジュアル方向から1つを選び、TodoWriteプランをストリーミングし、プロジェクトフォルダを構築し、事前チェックを実行し、5次元批評を行い、サンドボックス化されたiframeでレンダリングされる単一の<artifact>を出力します。

対象ユーザー

AIコーディングエージェント（Claude Code、Codex、Cursorなど）を既に使用している開発者で、クラウドロックインやシートごとの料金なしに、ローカルでオープンソースのデザインエンジンを求める方。