drawbridge
Drawbridgeを使用してExcalidrawで手書き風の図を生成します。ユーザーがフローチャート、依存関係図、プロジェクト可視化、タスクマップ、または「これの図を作成して」と依頼した場合に使用します。HTTP APIを経由して要素をライブのExcalidrawキャンバスにプッシュするか、PNG/SVG形式でレンダリングできます。
description の原文を見る
Generate Excalidraw diagrams with a hand-drawn aesthetic using Drawbridge. Use when user asks for: flowcharts, dependency diagrams, project visualization, task maps, or "make a diagram of this". Pushes elements to a live Excalidraw canvas via HTTP API, or renders to PNG/SVG.
SKILL.md 本文
Drawbridge ダイアグラム スキル
手書き風のダイアグラムを Excalidraw JSON として生成します。簡略化されたエレメント形式を使用し、convertToExcalidrawElements がすべての重い処理(テキスト測定、コンテナ バインディング、矢印ルーティング)を担当します。
エレメント形式(簡略化)
重要な部分だけを指定してください。convertToExcalidrawElements が必要なすべての内部プロパティ(groupIds、frameId、seeds、versions など)を入力します。
必須フィールド(すべてのエレメント)
type、id(一意の文字列)、x、y
デフォルト(省略可)
strokeColor="#1e1e1e"、backgroundColor="transparent"、fillStyle="solid"、strokeWidth=2、roughness=1、opacity=100
ラベル付きシェイプ(推奨)
任意のシェイプに label を追加して、自動中央配置テキストを実現します。別のテキスト エレメントは不要です:
{ "type": "rectangle", "id": "r1", "x": 100, "y": 100,
...
詳細情報
- 作者
- alexknowshtml
- ライセンス
- 不明
- 最終更新
- 2026/2/12
Source: https://github.com/alexknowshtml/drawbridge / ライセンス: 未指定