nexu-io/open-design

これは何？

主な機能

• 01ブリーフからWeb・モバイルのプロトタイプ、ダッシュボード、資料、画像、動画を生成します。
• 02複数のコーディングエージェントCLIと、モデルプロバイダー向けのBYOK APIプロキシに対応します。
• 03DESIGN.mdのブランド規約と、同梱のデザインシステムパッケージ151個を適用します。
• 04資料はHTML、PDF、PPTX、ZIP、Markdownに、モーショングラフィックスはMP4にエクスポートできます。
• 05stdio MCPサーバーとod CLIを通じて、プロジェクトやファイルを他のエージェントに公開します。

ユースケース

• 開発に着手する前に、プロダクトのブリーフから操作可能なWebまたはモバイルのプロトタイプを作成する。
• チーム既存のブランドシステムに沿ったスライド資料やマーケティング用ビジュアルを制作する。
• 既存のgitコードベースのコンポーネントを、DESIGN.mdの仕様に合うようにリファクタリングする。
• 別のリポジトリで動くコーディングエージェントから、ローカルプロジェクトの最新のデザイントークンやコンポーネントを参照できるようにする。

クイックスタート

1. 1

   リポジトリをクローンする

2. 2

   セットアップコマンドについてクイックスタートガイドを読む

使う前に知っておきたいこと

• !デザインの生成には、コーディングエージェントのCLI、または有料のAPIキーか自身のAPIキーが必要です。
• !デスクトップアプリやクラウドサービスなど、一部の機能は外部サービスに依存します。

トピック

よくある質問

open-design とは？

自分のコーディングエージェントで、ブリーフからプロトタイプや資料などを作るローカルファーストのオープンソースAIデザイン環境。 OpenDesignは、AIエージェントを使ってデザイン成果物を作成するためのワークスペースです。ブリーフを用意し、プラグインまたはテンプレートを選ぶと、Claude Code、Codex、Cursor、DeepSeek Harnessなどのエージェントが、DESIGN.mdのブランド規約に沿って成果物を生成します。Web・モバイルのプロトタイプ、ライブダッシュボード、スライド資料、画像、HyperFramesのモーショングラフィックスに対応し、HTML、PDF、PPTX、MP4、Markdownとしてエクスポートできます。

open-design は無料で使えますか？ライセンスは？

open-design は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

open-design は今もメンテナンスされていますか？

活発にメンテナンス中。open-design の最終コミットは 2026年10月19日 です。

open-design は何に使えますか？

開発に着手する前に、プロダクトのブリーフから操作可能なWebまたはモバイルのプロトタイプを作成する。 チーム既存のブランドシステムに沿ったスライド資料やマーケティング用ビジュアルを制作する。 既存のgitコードベースのコンポーネントを、DESIGN.mdの仕様に合うようにリファクタリングする。 別のリポジトリで動くコーディングエージェントから、ローカルプロジェクトの最新のデザイントークンやコンポーネントを参照できるようにする。

open-design のインストール方法は？

リポジトリをクローンする セットアップコマンドについてクイックスタートガイドを読む

open-design はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/nexu-io/open-design