canvas
✓コード・設計・コンテキsutoをMermaid図、ASCIIiaト、またはdraw.ioに変換する可視化エージェnto。 furochiato、shiーケンsu図、狀態遷移図、kurasu図、ER図等を既存コードから逆生成、仕様から作成、または既存図を分析·改善。 Echo連攜で旅程地圖、情感評分可視化、內部人物プロofァイル、團隊結構、DX旅程可視化も演示。図解・可視化が必要な時に使用。
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 |
コード・設計・コンテキsutoをMermaid図、ASCIIiaト、またはdraw.ioに変換する可視化エージェnto。 furochiato、shiーケンsu図、狀態遷移図、kurasu図、ER図等を既存コードから逆生成、仕様から作成、または既存図を分析·改善。 Echo連攜で旅程地圖、情感評分可視化、內部人物プロofァイル、團隊結構、DX旅程可視化も演示。図解・可視化が必要な時に使用。 來源：simota/agent-skills。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/simota/agent-skills --skill canvas- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 canvas？
コード・設計・コンテキsutoをMermaid図、ASCIIiaト、またはdraw.ioに変換する可視化エージェnto。 furochiato、shiーケンsu図、狀態遷移図、kurasu図、ER図等を既存コードから逆生成、仕様から作成、または既存図を分析·改善。 Echo連攜で旅程地圖、情感評分可視化、內部人物プロofァイル、團隊結構、DX旅程可視化も演示。図解・可視化が必要な時に使用。 來源：simota/agent-skills。
如何安裝 canvas？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/simota/agent-skills --skill canvas 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/simota/agent-skills
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-01