ディレクトリに戻る

open-design

メンテナンス: 活発

nexu-io/open-design

コーディングエージェントをデザインエンジンとして使い、プロトタイプや LP を生成して HTML/PDF/PPTX/MP4 に書き出すローカルファーストのデスクトップアプリ

GitHub で見るホームページ
$ od agent setup deepseek-harness

95,586

スター

11,080

フォーク

TypeScript

言語

Apache-2.0

ライセンス

2026-04-28

作成日

2026-09-11

最終プッシュ

Apache-2.0 で公開されたローカファーストのデザインワークスペース。DeepSeek Harness(dsh)上でネイティブに動作し、Claude Code / Codex / Cursor など 26 種類の CLI agent(BYOK)にも対応。実ファイル出力・サンドボックスプレビュー・HTML / PDF / PPTX / MP4 書き出しに対応し、151 セットのデザインシステムを内蔵しています。

DSH 統合

ネイティブ実行

作者による申告

安全性監査

未監査

最終検証日

2026-08-20

ライセンス

Apache-2.0

01どんなタスクに使えるのか?

  • DeepSeek Harness の会話の中で要件の説明からデザイン成果物を作り出す

    Web / デスクトップ / モバイル向けプロトタイプ、ランディングページ、ダッシュボードなどの実プロジェクトファイル。サンドボックス iframe プレビュー対応、HTML / PDF / PPTX / MP4 に書き出し可能

    DeepSeek Harness(dsh)を使う開発者・デザインエンジニア。AI が生成した UI をコード断片ではなく閲覧・編集できる実ファイルとして受け取りたい人

  • dsh の会話からスライド・画像・動画を直接作り出す

    スライド(HTML / PDF / PPTX 書き出し)、画像、動画、HyperFrames のモーショングラフィックス

    AI の出力をそのまま成果物として使いたいコンテンツ・マーケティング・デザインチーム

02DeepSeek Harness への導入方法

前提条件

  • DeepSeek Harness 公式 dsh CLI を先にインストールしておく(README が公式 dsh CLI の導入を必須と明記)
  • (推奨)OpenDesign デスクトップアプリの導入。またはソースコード / Docker での実行

インストール手順

  1. 01

    open-design.ai または GitHub Releases から OpenDesign デスクトップアプリをインストールする(macOS Apple Silicon + Intel x64、Windows x64、Linux は任意の AppImage)

  2. 02

    `od agent setup deepseek-harness` を実行し、OpenDesign と DeepSeek Harness の接続コンポーネントをインストール / 修復する

    $ od agent setup deepseek-harness

導入成功の確認

作者は未記載

03DSH 統合と能力の範囲

DSH 統合ネイティブ実行

公式 dsh CLI によるネイティブランタイム(構造化ストリーミング・モデル探索・キャンセル・セッション再開)

  • サンドボックスプレビューとマルチフォーマット書き出し

    プロトタイプ / ランディングページ / ダッシュボードのプロジェクトファイルサンドボックス iframe プレビュー。HTML(インライン)/ PDF / PPTX / ZIP / Markdown / MP4 書き出し

  • DESIGN.md によるデザインシステム駆動のレンダリング

    インストール済みのデザインシステムパッケージ(リポジトリに 151 個同梱)アクティブなパッケージの DESIGN.md ブランド契約に従ったレンダリング結果

    レンダリングのたびにアクティブな DESIGN.md を読み込む
  • プラグインマーケットプレイス

    277 個の公式プラグイン / 183 個のサンプルプラグインのいずれか(またはレジストリ上のコミュニティプラグイン)プラグインが宣言するスキル / シナリオ / デザインシステムのワークフロー

    プラグインは od plugin CLI で管理(install / apply / upgrade / uninstall。自動化用に --json 対応)
  • HyperFrames モーショングラフィックス / 動画

    HTML ページまたはスライド統合された HTML→MP4 モーショングラフィックスフレームワークによる MP4 動画

04誰に向いているのか?使うべきでない場面は?

向いている用途

  • DeepSeek Harness(dsh)を使う開発者・デザインエンジニア。AI が生成した UI をコード断片ではなく閲覧・編集できる実ファイルとして受け取りたい人
  • AI の出力をそのまま成果物として使いたいコンテンツ・マーケティング・デザインチーム

不向きな用途

  • macOS ではシステムの `/usr/bin/od`(octal-dump)コマンドが OpenDesign の `od` CLI を隠してしまうことがあります。DMG や Homebrew cask でデスクトップアプリを入れた場合は、アプリ内 Settings → MCP server の絶対パス付きスニペットを使い、素の `od` コマンドは使わないでください。

05互換性・メンテナンス・セキュリティ上の注意

  • macOS ではシステムの `/usr/bin/od`(octal-dump)コマンドが OpenDesign の `od` CLI を隠してしまうことがあります。DMG や Homebrew cask でデスクトップアプリを入れた場合は、アプリ内 Settings → MCP server の絶対パス付きスニペットを使い、素の `od` コマンドは使わないでください。
  • アプリはローカファーストですが、生成時のモデル呼び出しはローカルデーモン経由でリモートに転送されます(自分で用意した BYOK エンドポイント=OpenAI 互換の任意 API、または OpenDesign Cloud)。そのためネットワーク接続と、モデルプロバイダーのアカウント / 課金が必要です。
  • 公式のデスクトップアプリは macOS と Windows のみ。Linux は任意の AppImage チャネルで、その他のプラットフォームはソースコードまたは Docker での実行が必要です。
2026-04-282026-08-19open-design-v0.20.0

Apache-2.0 · 活発にメンテナンス中(最新リリース open-design-v0.20.0、2026-08-19)

06よくある質問

DeepSeek Harness はどうやって OpenDesign に接続しますか?

まず公式の dsh CLI をインストールし、OpenDesign 内で DeepSeek Harness を選択するか、`od agent setup deepseek-harness` を実行して接続コンポーネントをインストール / 修復します。DeepSeek Harness は MCP ではなくネイティブランタイム(構造化ストリーミング・モデル探索・キャンセル・セッション再開)として接続されます。

API キーは自分で用意する必要がありますか?

モデル呼び出しはローカルデーモン経由で自分のエンドポイントに転送されます。BYOK なら OpenAI 互換の任意 API が使えますし、アプリ組み込みの公式モデルサービス OpenDesign Cloud(ゼロ設定・ワンクリックログイン)も利用できます。

何が生成されて、ファイルはどこに保存されますか?

ファイルシステム権限のある実行ではエージェントが正規のプロジェクトファイルをディスクに書き込み、OpenDesign がプレビューします。BYOK / 純 API 実行では完全な artifact ブロックが返ります。プロトタイプ、ライブダッシュボード / 成果物、スライド、画像、動画、HyperFrames モーションを生成でき、HTML / PDF / PPTX / MP4 に書き出せます。

OpenDesign はオープンソースですか?

はい。リポジトリは Apache-2.0 ライセンスです。同梱のスキルやテンプレートはそれぞれ独自のライセンスを保持します(例:guizang-ppt と html-ppt は MIT)。

DeepSeek Harness の統合と MCP の違いは?

DeepSeek Harness は公式 dsh CLI 経由のファーストクラスのネイティブランタイムとして統合されています。MCP 統合(`od mcp install <agent>`)は Claude Code、Cursor、Codex など他エージェントの接続方法です。

08データと出典

  • 作者による申告github.com4fccbdb31bd0…

    Connect DeepSeek's official `dsh` agent harness to OpenDesign as a native runtime, with structured thinking, tool calls,…

  • 作者による申告github.com4fccbdb31bd0…

    For DeepSeek Harness, install the official `dsh` CLI first, then select it in OpenDesign or run `od agent setup deepseek…

このページは、プロジェクトの公開ドキュメント、リポジトリのメタデータ、および DSH Plugins の構造化解析に基づいて生成されています。最終検証日:2026-08-20。誤りを見つけた場合は、修正を送信してください。

🏆

dsh プラグイン おすすめ

最初に入れたい 12 のプラグイン。全カタログ・全カテゴリから厳選しました。

DSH Plugins は DeepSeek Harness プラグインの独立したコミュニティ ディレクトリです。DeepSeek との提携・公認はありません。サードパーティ製プラグインはセキュリティ監査を受けていません。インストール前にソースコードをご確認ください。

DeepSeek Harnessの新着プラグインを毎週お届け。スパムはありません。