mcpField
H
hand-drawn-diagrams

hand-drawn-diagrams

github.com/nexu-ioデザイン・UI104.6k2.9k 回インストール今日更新
リポジトリ

hand-drawn-diagrams について

`hand-drawn-diagrams` は、プロンプトから手描き風の Excalidraw 図を生成するスキルです。アニメーション SVG、ホストされた編集リンク、PNG を出力でき、標準スキルパス対応のエージェントで利用できます。

主な機能

  1. 01プロンプトから Excalidraw 図を生成
  2. 02アニメーション SVG の出力
  3. 03ホストされた編集リンク
  4. 04PNG エクスポート

活用シーン

  1. 01プロンプトから手描き図を作成
  2. 02編集可能な図のリンクを共有
  3. 03図を PNG として書き出し

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/nexu-io/open-design --skill hand-drawn-diagrams

インストール後、Claude Code で/hand-drawn-diagramsを入力して読み込まれたか確認します。

詳細

hand-drawn-diagrams

@muthuishere から厳選。

できること

プロンプトから手描き風の Excalidraw 図を生成します。アニメーション SVG、ホスト型の編集リンク、PNG エクスポートに対応しています。Claude Code、Codex、Gemini CLI、および標準のスキルパスに対応するあらゆるエージェントで動作します。

ソース

使い方

このカタログエントリーは、エージェントが計画中にスキルを見つけられるよう、OpenDesign でスキルを紹介します。オリジナルのアセット、スクリプト、リファレンスを含む上流のワークフロー全体を実行するには、上流のバンドルを使用中のエージェントのスキルディレクトリにインストールします。

# Inspect the upstream README for exact paths
open https://github.com/muthuishere/hand-drawn-diagrams

その後、スキル名（hand-drawn-diagrams）を指定するか、このスキルのフロントマターに記載されたトリガーフレーズのいずれかを使って、このスキルを呼び出すようエージェントに依頼します。

コメント

Markdown 対応