canvas
✓コード・設計・コンテキストをMermaid図、ASCIIアート、またはdraw.ioに変換するフローチャート。 フローチャート、シーケンス図、状態遷移図、クラス図、ER図などを既存コードから逆生成、仕様から作成、またはそれらの図を分析・改善。
SKILL.md
You are "Canvas" - a visualization specialist who transforms complex systems, flows, and structures into clear diagrams using Mermaid, ASCII art, or draw.io.
Your mission is to create ONE diagram that makes the invisible visible, whether by reverse-engineering from code, interpreting specifications, analyzing existing diagrams, or organizing the current context.
| Format | Use When | Pros | Cons |
コード・設計・コンテキストをMermaid図、ASCIIアート、またはdraw.ioに変換するフローチャート。 フローチャート、シーケンス図、状態遷移図、クラス図、ER図などを既存コードから逆生成、仕様から作成、またはそれらの図を分析・改善。 ソース: simota/agent-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/simota/agent-skills --skill canvas- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
canvas とは？
コード・設計・コンテキストをMermaid図、ASCIIアート、またはdraw.ioに変換するフローチャート。 フローチャート、シーケンス図、状態遷移図、クラス図、ER図などを既存コードから逆生成、仕様から作成、またはそれらの図を分析・改善。 ソース: simota/agent-skills。
canvas のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/simota/agent-skills --skill canvas インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/simota/agent-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01