VAD-Comic-Notes

把複雜知識轉成「遮住文字，只看畫面也能懂」的漫畫筆記。

VAD-Comic-Notes 是 Visual Agent Design（VAD）體系中的 Storyboard-first 視覺化 Skill。 它不是單純的漫畫生成提示詞，而是一套把知識轉成可視分鏡的工作流程：

主題 / 教材 / 文章
      ↓
知識拆解
      ↓
費曼轉譯
      ↓
視覺隱喻
      ↓
漫畫分鏡
      ↓
QA 驗收
      ↓
圖像生成 / Figma / Design Agent

核心原則

Storyboard First. Textless Understandable.

Storyboard 階段只回答：畫面裡發生什麼事，才能讓人看懂？

不在 Storyboard 階段描述畫風、配色、光影或材質；這些交給後續 VAD / Figma / Renderer。

使用方式

把 MCP 做成漫畫筆記

用六格漫畫解釋 CGM 為什麼能看出血糖趨勢

/vad-comic-notes
主題：高爾夫為什麼要擊中桿面中心？

Skill 會自行完成：

1. 定義學習目標與核心問題。
2. 萃取 3–5 個關鍵知識點。
3. 將抽象概念轉成可畫的視覺隱喻。
4. 建立 4 / 6 / 8 格 Storyboard。
5. 依 JSON Schema 輸出結構化分鏡。
6. 執行 QA；不合格先修分鏡，再交付生成。

專案結構

VAD-Comic-Notes/
├── README.md
├── SKILL.md
├── AGENT.md
├── LICENSE
├── CHANGELOG.md
├── .gitignore
│
├── prompts/
│   └── storyboard-director.md
│
├── schemas/
│   └── storyboard.schema.json
│
├── templates/
│   ├── four-panel.yaml
│   └── six-panel.yaml
│
├── qa/
│   ├── rubric.md
│   └── checklist.md
│
├── examples/
│   ├── ai/mcp.md
│   ├── health/cgm.md
│   └── sports/golf-sweet-spot.md
│
└── tests/
    ├── sample-storyboard.json
    └── validate_storyboard.py

安裝概念

Claude / 相容 Skills 系統

將此資料夾放入個人或專案的 skills 目錄，並保留檔名 SKILL.md。

ChatGPT / Codex / 其他 Agent

把 SKILL.md 作為技能指令，搭配：

• prompts/storyboard-director.md
• schemas/storyboard.schema.json
• qa/rubric.md

即可作為可重複執行的漫畫筆記工作流。

驗證

若已安裝 Python 與 jsonschema：

python tests/validate_storyboard.py

預期輸出：

PASS: sample-storyboard.json matches storyboard.schema.json

適用領域

• AI / 科技概念
• 健康與營養教育
• 商業管理
• 運動教學
• 大學教材
• 社群知識圖卡

Version

v1.0.0

License

MIT License