自分のコーディングエージェントで、ブリーフからプロトタイプや資料などを作るローカルファーストのオープンソースAIデザイン環境。
OpenCoworkAI/open-codesign
使いたいAIモデルを利用して、プロンプトからプロトタイプ、スライド資料、PDFを生成する、オープンソースのローカルファーストなデスクトップアプリ。
代替できる製品:Claude Design
v0
Lovable
- スター
- 8,170
- フォーク
- 865
- 未解決の Issue
- 95
- 最終コミット
- 3 日前
これは何?
Open CoDesignは、テキストプロンプトからHTMLやJSXのプロトタイプ、スライド資料、マーケティング素材、PDFなどのデザイン成果物を生成する、MITライセンスのElectronデスクトップアプリです。Claude、GPT、Gemini、DeepSeek、Kimi、GLM、OpenRouter、Ollama、またはOpenAI互換エンドポイントのAPIキーを使えるほか、ChatGPTのサブスクリプションでCodexモデルにサインインすることもできます。既存のClaude CodeやCodexのプロバイダー設定は、ワンクリックでインポートできます。
生成したデザインは、スマートフォン、タブレット、デスクトップのフレームに対応したサンドボックス内のプレビューで確認できます。特定の要素にコメントしてモデルにその部分だけを書き直させたり、AIが提案する調整用スライダーを動かしたり、作業中のエージェントのツール呼び出しを確認したりできます。デザインはファイルやセッション履歴とともにローカルのワークスペースに保存され、HTML、PDF、PPTX、ZIP、Markdown形式でエクスポートできます。
認証情報とデザインデータはローカルマシンに保存され、プロンプトは選択したモデルの接続先にのみ送信されます。特定のプロバイダーに縛られたり、クラウド専用ツールに頼ったりせずにAIを活用したプロトタイピングを行いたい開発者やデザイナー向けです。
主な機能
- 01プロンプトからHTMLまたはJSX/Reactのプロトタイプ、スライド資料、PDFを生成
- 02Claude、GPT、Gemini、DeepSeek、OpenRouter、Ollama、OpenAI互換エンドポイントのAPIキーを利用可能
- 03Claude CodeやCodexのプロバイダー設定をワンクリックでインポートでき、ChatGPTのサブスクリプションでのサインインにも対応
- 04クリックしてコメントすると、選択した範囲だけを書き換え
- 05デザインをローカルに保存し、バージョン切り替えや複数形式でのエクスポートが可能
ユースケース
- テキストの概要から、ランディングページやアプリ画面のラフをすばやく作成
- すでに利用料金を支払っているモデルで、スライド資料や1ページのPDFを作成
- オフライン、またはプライベートな素材を扱うためにローカルのOllamaモデルでプロトタイピング
- 参考画像から、コーディングエージェント向けのコンポーネント化されたUIキットを作成
収録されている特集
トピック
よくある質問
- open-codesign とは?
- 使いたいAIモデルを利用して、プロンプトからプロトタイプ、スライド資料、PDFを生成する、オープンソースのローカルファーストなデスクトップアプリ。 Open CoDesignは、テキストプロンプトからHTMLやJSXのプロトタイプ、スライド資料、マーケティング素材、PDFなどのデザイン成果物を生成する、MITライセンスのElectronデスクトップアプリです。Claude、GPT、Gemini、DeepSeek、Kimi、GLM、OpenRouter、Ollama、またはOpenAI互換エンドポイントのAPIキーを使えるほか、ChatGPTのサブスクリプションでCodexモデルにサインインすることもできます。既存のClaude CodeやCodexのプロバイダー設定は、ワンクリックでインポートできます。
- open-codesign は無料で使えますか?ライセンスは?
- open-codesign は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- open-codesign は今もメンテナンスされていますか?
- 活発にメンテナンス中。open-codesign の最終コミットは 2026年11月4日 です。
- open-codesign は何に使えますか?
- テキストの概要から、ランディングページやアプリ画面のラフをすばやく作成 すでに利用料金を支払っているモデルで、スライド資料や1ページのPDFを作成 オフライン、またはプライベートな素材を扱うためにローカルのOllamaモデルでプロトタイピング 参考画像から、コーディングエージェント向けのコンポーネント化されたUIキットを作成
- open-codesign はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/OpenCoworkAI/open-codesign
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
個人用ボットがModelflareの1つのキーで任意のモデルを使える、ローカルファーストのデスクトップ/Docker対応AIエージェントアプリ。WeChat、Feishu、Telegram、Slack、Discordから利用できます。
CursorやClaude Codeなどのエージェント上でClaude Designをローカル実行し、自己完結型のHTMLモックアップ、プロトタイプ、スライド資料を作成するAgent Skill。
GitHub Copilot、Claude Code、Codex、Cursor内で、別のデスクトップアプリを使わずにポスターやSNS投稿、スライド、ランディングページをデザインできます。
インストール済みのコーディングエージェントCLIで、MarkdownやCSV、メモから単一ファイルのHTMLページ、スライド、ポスターを作れるローカルファーストのHTMLエディター。