蓝图风格图表

每张静态 SVG 解释真实系统的一个机制，使用系统中的真实 ID、字段、方法、状态码与序号。图表使用浅色纸张面板和少量含义固定的色相，在屏幕和打印的 640 单位宽度下保持清晰。Claude、Cursor、Codex、OpenClaw、Hermes 及所有读取 SKILL.md 的 agent 都可使用。course-style 保存完整课程 token，本技能复制所需值，可独立使用。

适用情况

• 课程、README 或手册需要解释系统部件如何通信、存储数据或改变状态。
• 已有运行记录、日志、规范或源代码，可取得真实名称。
• 断言适合下方九种图形之一。

使用其他方式的情况

• 图表要动或响应滑块：使用 motion-figure。
• 有深度和控件的实体机器讲解：使用 isometric-explainer。
• 多个数据点的数值图：使用绘图工具。
• 没有部件的真实名称：先取得运行记录或源代码。

方法