nexu-io/open-design

🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.

解決する課題

Open Designは、プロプライエタリなエージェント向けデザインシステムのオープンソースかつローカルファーストな代替手段を提供することで、クローズドソースのデザインツールの限界に対処します。これにより、ユーザーはテキストベースのLLM出力から、コーディングエージェントが直接利用・編集できる、ウェブプロトタイプ、ピッチデック、モーショングラフィックスといった機能的でブランドに準拠したデザイン成果物へと進化させることができます。

仕組み

このプラットフォームは、コーディングエージェント(Claude Code、Cursor、Copilotなど)が読み取り、書き込み、リミックスできる、機能的なスキル、デザインテンプレート、プラグインのファイルシステムとして動作します。DESIGN.mdファイルをブランド契約として使用し、HTMLプロトタイプからMP4モーショングラフィックスに至るまで、生成されるすべての出力が特定のデザインシステムに準拠していることを保証します。MCPサーバーを介してさまざまなワークフローをサポートしており、主流のコーディングエージェントに直接統合することが可能です。

対象ユーザー

  • 開発者およびコーディングエージェント: 既存のIDEやCLIワークフローに高品質なデザイン機能を直接統合したいユーザー。
  • デザイナーおよびプロダクトチーム: 反復的なデザインワークフローを自動化し、プログラムによるデザインシステムを通じてブランドの一貫性を維持するためのオープンソースの手法を探しているチーム。
  • コンテンツクリエイター: エージェントによるワークフローを使用して、高解像度の画像、ビデオ、プレゼンテーションデッキを生成する必要があるユーザー。

ハイライト

  • マルチモーダルな成果物: ウェブ/モバイルプロトタイプ、ライブダッシュボード、ピッチデック (PPTX/PDF)、画像、モーショングラフィックス (MP4) を生成。
  • エージェントネイティブな統合: MCPサーバーのインストールを通じて25以上のコーディングエージェントをサポート。
  • 構成可能なスキル: プラグインベースのアーキテクチャを使用して、必要に応じて生成機能を拡張。
  • ローカルファーストのデスクトップアプリ: macOSおよびWindows用のネイティブアプリケーションとして提供。
  • HyperFrames統合: プログラムによるモーショングラフィックスのためのエージェントネイティブなビデオフレームワークを搭載。