open-design: プロトタイプ、デッキ、モーショングラフィックスを生成するオープンソースのエージェントデザインワークスペース

解決する課題

Open Design は、Claude Design のオープンソースかつローカルファーストな代替手段です。Figma などのツールで手作業でピクセルを操作するデザインプロセスを、AI エージェントがブリーフを発見し、アーティファクトをストリーミングし、最終アセットを提供できるエージェントネイティブなループに変換します。ユーザーがセルフホストし、独自のエージェントやデザインシステムを統合できるため、クローズドソースのデザイン AI の制限を取り除きます。

仕組み

このプロジェクトは、ネイティブデスクトップアプリ（macOS/Windows）と一連のスキル、CLI、MCP サーバーを提供します。これにより、Claude Code、Cursor、GitHub Copilot などの主流コーディングエージェントがデザインツールをネイティブに利用できるようになります。ユーザーは DESIGN.md ファイルでブランド契約を定義し、エージェントはそれを使用してすべての出力で一貫したブランディングを保証します。システムは HTML プロトタイプ、HyperFrames を用いた MP4 ビデオ、PPTX デッキなど、さまざまな出力形式をサポートします。

対象ユーザー

エージェントデザインワークフローを求め、ベンダーロックインを回避したいデザイナー、開発者、プロダクトチーム向けに設計されています。オープンソースツールと自分好みの LLM を使用できます。

ハイライト

• エージェントネイティブ統合: 21 以上のコーディングエージェント CLI をサポートし、簡単インストールのための MCP サーバーを提供。
• マルチモーダル出力: Web/モバイルプロトタイプ、ライブダッシュボード、ピッチデッキ、高解像度画像を生成。
• モーショングラフィックス: HyperFrames を統合し、HTML、CSS、GSAP を使用してプログラム的に MP4 ファイルへレンダリング。
• 拡張可能なエコシステム: 100 以上のスキル、150 のデザインシステム、261 のプラグインを含み、生成機能を拡張。
• 柔軟なモデルルーティング: OpenAI、Anthropic、Google Gemini、Ollama など各種プロバイダー向けに BYOK（Bring Your Own Key）をサポート。

まとめ

オープンソースでエージェントネイティブなデザインワークスペース。AI コーディングエージェントが定義されたデザインシステムに基づき、プロトタイプ、デッキ、モーショングラフィックスを生成できる。

タイトル

open-design: プロトタイプ、デッキ、モーショングラフィックスを生成するオープンソースのエージェントデザインワークスペース