nexu-io/open-design

何を解決するか

OpenDesign は Claude Design のオープンソース代替品であり、ローカル優先のデスクトップアプリケーションとして、デザインアーティファクトを作成するためのツールです。閉じたループのデザインエージェントの問題を解決し、デザインプロセスを、ユーザーのマシン上で既存のコーディングエージェントが読み取り・再利用可能な、機能的なスキル、テンプレート、プラグインのファイルシステムに変換します。

動作方法

アプリケーションは、MCP、CLI、またはネイティブランタイムアダプタを介して、さまざまなコーディングエージェント（Claude Code、DeepSeek Harness、Cursor、GitHub Copilot など）と接続するデザインエンジンとして機能します。視覚的一貫性を保つために DESIGN.md ファイルをブランド契約として使用します。エージェントは、ウェブプロトタイプ、モバイルアプリ、プレゼンテーションスライド、モーショングラフィックスなどのアーティファクトを生成し、サンドボックス化された iframe でレンダリングされ、リアルタイムのプレビューとイテレーションが可能になります。

対象ユーザー

Figma などの従来のキャンバスベースのツールでのピクセルプッシュから離れて、既存の CLI ツールやローカルコーディングエージェントと統合されたエージェントネイティブなデザインワークフローを求めるデザイナーおよび開発者向けに設計されています。

特徴

• マルチアーティファクト対応：ウェブ/デスクトップ/モバイルプロトタイプ、ライブダッシュボード、マルチスライドプレゼンテーション、画像、HyperFrames モーショングラフィックスを生成可能。
• 広範なエージェント互換性：BYOK を通じて 26 種類の異なるローカル CLI 実行可能ファイルおよび OpenAI 互換エンドポイントをサポート。
• エクスポートオプション：アーティファクトを HTML、PDF、PPTX、MP4 にエクスポート可能。
• デザインシステム：ブランドグレードの DESIGN.md ファイルを使用して、ブランドのビジュアル言語を抽出・最適化。
• HyperFrames 統合：ヘッドレス Chrome と FFmpeg を通じてコード駆動のモーショングラフィックスを MP4 にレンダリングする、エージェントネイティブな動画フレームワークを内蔵。