excalidraw-design-guide とは?
Excalidraw ダイアグラムを描画するときにロードされます。カラー パレット (16 進数コード)、テキストの切り捨てを防ぐサイズ変更式、重なりを防ぐスペース ルール、矢印スタイル、レイアウト パターン、アーキテクチャ、フローチャート、ER 図用の図テンプレートを提供します。描画、視覚化、図表、またはグラフの作成を求められた場合に使用します。 ソース: opencoredev/excalidraw-cli。
Excalidraw ダイアグラムを描画するときにロードされます。カラー パレット (16 進数コード)、テキストの切り捨てを防ぐサイズ変更式、重なりを防ぐスペース ルール、矢印スタイル、レイアウト パターン、アーキテクチャ、フローチャート、ER 図用の図テンプレートを提供します。描画、視覚化、図表、またはグラフの作成を求められた場合に使用します。
コマンドラインで excalidraw-design-guide AI スキルを開発環境にすばやくインストール
ソース: opencoredev/excalidraw-cli。
Stroke Colors (borders & text) | Name | Hex | Use for |
| Black | #1e1e1e | Default text & borders | | Red | #e03131 | Errors, warnings, critical | | Green | #2f9e44 | Success, approved, healthy | | Blue | #1971c2 | Primary actions, links | | Purple | #9c36b5 | Services, middleware | | Orange | #e8590c | Async, queues, events | | Cyan | #0c8599 | Data stores, databases |
Fill Colors (backgroundColor — pastel) | Name | Hex | Pairs with stroke |
Excalidraw ダイアグラムを描画するときにロードされます。カラー パレット (16 進数コード)、テキストの切り捨てを防ぐサイズ変更式、重なりを防ぐスペース ルール、矢印スタイル、レイアウト パターン、アーキテクチャ、フローチャート、ER 図用の図テンプレートを提供します。描画、視覚化、図表、またはグラフの作成を求められた場合に使用します。 ソース: opencoredev/excalidraw-cli。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/opencoredev/excalidraw-cli --skill excalidraw-design-guideExcalidraw ダイアグラムを描画するときにロードされます。カラー パレット (16 進数コード)、テキストの切り捨てを防ぐサイズ変更式、重なりを防ぐスペース ルール、矢印スタイル、レイアウト パターン、アーキテクチャ、フローチャート、ER 図用の図テンプレートを提供します。描画、視覚化、図表、またはグラフの作成を求められた場合に使用します。 ソース: opencoredev/excalidraw-cli。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/opencoredev/excalidraw-cli --skill excalidraw-design-guide インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/opencoredev/excalidraw-cli