Anatomy（越南语化版）
来源：https://github.com/wheresryan22/anatomy — MIT © 2026 Ryan。英文原版见本目录中的
SKILL.en.md；详细分析见PHAN-TICH.md。
用途
通过将技术概念构建为真实可运行的物体来解释它：缓存键变成一把只有所有插销都对齐时才能旋转的锁；服务多个画布的 GPU 上下文变成一台单喷头依次访问 16 个墨池的打印桁架。结果是包含众多坚固小零件的等轴测图，采用四色阴影，封装在带标题、提示和直接读数指标的卡片中，并随着鼠标和键盘轻轻移动。
三种类型（共享同一套工具包、同一台相机、同一套构建规则）：
| 类型 | 说明 |
|---|---|
| SVG | 核心。实心等轴测细节，4 色调，从后到前绘制，放置在带直接数据指标的卡片内。导出为独立 HTML、内嵌 CSS 的 .svg，或 React/Next.js 组件。 |
| SVG + WebGL | 用于无法绘制的元素：火焰、废气、水、焦散效果、光、辉光、蒸汽。着色器在 SVG 前后层之间的 canvas 中运行，使用同一台等轴测相机。 |
| 3D（测试版） | 真正的 3D 可旋转细节：旋转数字、折叠的手指、自由落体的碎片。其余部分保持静态。 |
安装
npx skills add wheresryan22/anatomy -g
# 或 -a claude-code / -a antigravity / -a opencode / -a codex / -a minimax-code
- 安装到
~/.claude/skills/anatomy（Claude Code）、~/.config/opencode/skills/anatomy（OpenCode）、~/.agents/skills/anatomy（Codex）等。或者直接将仓库git clone到技能目录。 - 要求：Node.js ≥ 20.10（仅使用内置模块，0 外部依赖），Chrome/Chromium 用于自检（headless 模式，在标准路径查找或设置
CHROME_PATH）。React 18+ 仅用于 React 输出。
使用方法
/anatomy explain how a token bucket rate limiter works, interactive
- 无需调用技能名称：询问关于“isometric 插图”、“用于文档/博客/着陆页的图形”时，Agent 会自动激活。Codex 使用
$anatomy。 - 三个好插图习惯：(1) 描述概念，而非描述绘图，并附带真实数据（尺寸、数量、速度、阈值）；(2) 如果已知物体名称（如浓缩咖啡机、本生灯、锁），直接说出并说明哪些部分运动；(3) 说明图形将存在于何处（HTML / SVG / React，亮色或暗色）。
- 可以请求打印输出：
node scripts/print.mjs sheet.mjs --format all会生成 A4 PDF（海报、技术图纸、两页说明页）。
技能内部流程
- 收集真实数据 → 2. 发明物体 → 3. 列出零件 → 4. 使用工具包一次性构建几何体 → 5. 从后到前着色 → 6. 封装成卡片 → 7. 添加动画效果 → 8. 像评论家一样自检：几何审核（
build.mjs --audit：无穿透、所有连接点正确、深度顺序正确）、Headless Chrome 截图（capture.mjs、drive.mjs）、检查悬浮的虚线（lines.mjs）、3D 检查（turn-check.mjs）。Agent 必须阅读它生成的每张 PNG。
优势
- 插图质量非常高，拥有独立的验证系统（审核 + 截图 + 接触页）—— 很少有技能包含真正的自检循环。
- 无依赖，无需 API 密钥；使用 Node 内置工具包。
- 通过 Agent Skill 标准支持 5 种 CLI Agent（Claude Code、Antigravity、OpenCode、Codex、MiniMax Code）。
- 仓库中有完整示例，社区画廊网站，可导出 PDF 海报。
劣势
- 故意设计得较慢：一张图就是一次完整的会话（构建零件、审核、两种主题下的特写截图）。构建 Raptor 需要几分钟；3D 审核 30 个零件需要 15–20 分钟。
- 不是图表库：没有坐标轴、系列、数据绘图。
- 仅绘制机械、工具、家具——不绘制人物，不绘制精确地图；没有“机制”的概念产生的插图会很弱。
- 3D 模式仍为测试版；着色器需要 WebGL（没有 WebGL 时 SVG 仍然可读）。
与 Limix Bot 的契合度
当需要为文档、报告、解释页创建交互式技术概念插图时相当适合（与 hub 中的 answer-me-with-html 技能方向一致）。不适合快速回答或数值分析——它更像是一个内容产品的“叙事武器”。请注意构建时间较长，应在单独线程的任务中使用，不要混入普通聊天。
安全性
该技能纯粹是指导性的，附带在本地运行的 Node 脚本（构建/审核/截图）。脚本仅构建 HTML/SVG/PDF，构建时不调用外部服务；检查部分在本地运行 headless Chrome。根据 hub 规则：附带工具 → 需要审查状态，由主机器人审核后方可启用。