キャンバス & 生成 UI

dsh-diagram

セッション内のどんな記事も、使い捨ての画像ではなく編集可能な Excalidraw キャンバスに変える。

概要

ハーネスの中の Excalidraw キャンバス。エージェントが diagram_create を呼び、コンパクトなセマンティック仕様からフローチャート、アーキテクチャ図、タイムライン、階層図、比較図を組み立てる。Canvas タブでフルエディタが開くので、テキスト、ノード、接続をセッションの中で直接磨き込める。

Turn any article already available in a DeepSeek Harness session into an editable Excalidraw canvas. The Agent creates the structure; you refine the text, nodes, and connections directly in DSH.
上流の README より

デザインにとっての意味

  • 使い捨てではなく編集可能。静的な生成画像を受け取る代わりに、本物のベクターキャンバスで作業を続けられる。
  • リビジョンベースの compare-and-set 自動保存が、古いエディタが新しい作業を静かに上書きするのを防ぐ。
  • .excalidraw、SVG、PNG にエクスポートでき、手動の編集は diagram_read を頼んだときにだけエージェントに届く。

カバーする内容

  • Why dsh-diagram?
  • Quick install
  • Create your first diagram
  • What it adds
  • Compatibility
  • Data, security, and limits

インストール方法

dsh-diagram

  1. ターミナルでこれを実行する。

    dsh plugin --profile web add dsh-diagram@latest
  2. dsh web を再起動して、プラグインを読み込ませる。

  3. あとは作りたいデザインを説明するだけ。ハーネスがプラグインのツールを拾い上げる。

DeepSeek Harness での使い方

  1. web プロファイルにプラグインを追加し、dsh web を再起動する。

  2. セッション内の記事を 1 枚のわかりやすい図にするよう頼むと、エージェントが diagram_create を呼ぶ。

  3. Canvas タブを開いて直接編集し、エクスポートするか、変更をエージェントに読み戻させる。

ここに並ぶプラグインはすべて無料でインストールでき、実際の配布元にリンクしています。

DeepSeek Harness リポジトリをもっと見る ↗

次のステップ

セットアップなしで、OpenDesign とデザインする

このプラグインを自分で入れてもいいし、OpenDesign でキュレーション済みのデザインレイヤーごと DeepSeek Harness の周りで動かしてもいい。自分の API キーを使い、成果物も自分のものに。

OpenDesign デスクトップ版

ひとつのデザインシステムで、すべての制作物をブランドらしく

完全な Vibe Design Workspace で、同じブランドルールを Web サイト、スライド、操作できるプロトタイプ、ダッシュボード、画像、HTML 動画に展開できます。ローカルの Codex、Claude Code、Cursor などを接続して無料で制作しましょう。

  • Web、スライド、プロトタイプ、ダッシュボード、画像、動画
  • 140+ のデザインシステムと完全なテンプレート/スキルライブラリ
  • ローカル Codex と 21+ のコーディングエージェントを接続 · 無料
無料ダウンロード

macOS と Windows に対応