用途：当用户要求手绘视觉图、PNG 图片、渲染示意图或“画个可视化”时，用该技能把概念、流程或对比关系转成一张手绘风格示意图。
主要能力：内置锁定风格规范（style-guide.md），规定暗色背景必须为 #121212，文字为白色手写体，线条抖动，形状填充为纯色扁平，并给出配色映射（如 muted blue #1e3a5f 配 light blue #74b9ff）。提供六种布局模板：左右流程、中心辐射、上下层级、并排对比、编号步骤、循环回路。支持 16:9、1:1、4:5、9:16、3:2、2:3、3:4、4:3、5:4、21:9 等宽高比，默认 16:9。
使用方式：先收集概念、元素与宽高比，选择布局模板，规划并精简文字（标题最多 5 词，标签最多 3 词，总词数目标 30 以内），按固定结构拼装提示词，再运行脚本生成：node scripts/visualizations/generate-visual.js "<FULL_PROMPT>" "projects/visualizations/[YYYY-MM-DD]-[slug].png" "[ASPECT_RATIO]" --input "brand-assets/excalidraw-style-reference.png"。涉及 Claude 或 Claude Code 时额外传入 --input "assets/Claude.png"，并遵守品牌 logo 放置规则。
适用场景：流程说明、前后对比、能力辐射图、层级结构、清单与循环等教学或内容配图。
限制：风格前缀锁定，仅可改图示描述；必须附带风格参考图；输出为 1K PNG，不应改为 2K 及以上；依赖 .env 中的 KIE_AI_API_KEY，失败时需检查该密钥；若缺少 brand-assets/excalidraw-style-reference.png 则需无参考图生成并告知。