用途
anatomy 用于把技术概念解释为真实物理对象：发明一个机器或装置，其运动部件就是被解释的机制，而不是用方框和箭头抽象示意。它面向需要高细节、可交互技术解释图形的场景，例如解释缓存淘汰策略、算法流程、系统工作原理等。
主要能力
- 根据一行提示生成自包含的交互式等距 SVG 图形。
- 图形包含数十到数百个实体部件，使用一个 30° 俯视的等距相机、四色明暗、逐帧解决绘制顺序、一个高亮部件，以及实时数值读数。
- 读数来自驱动运动的同一小型模型，保证数值与动画一致。
- 输出形式包括：无框架依赖的 TypeScript（生成 SVG 和 HTML）、React/Next.js 组件，或可打印的 A4 PDF（海报、图纸、讲义）。
- 通过提示中的可选关键词启用 WebGL 着色器（WebGL）或真 3D（3D）。
- 支持 prefers-reduced-motion，并提供键盘与指针交互。
- 附带六个完整示例，从约 300 行的表盘仪表到完整的涡扇发动机；代理在开始前会打开最接近的示例作为参考。
使用方式
安装前先判断技能是否已安装。全局路径检查：f=~/.agents/skills/anatomy/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"；项目路径检查：f=.agents/skills/anatomy/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"。若已安装，直接以 anatomy 技能名调用；若为 pointer，则进入安装步骤。
检测安装范围：[ -e ~/.agents/skills/anatomy ] && echo "global" || echo "project"。全局安装命令：npx skills add wheresryan22/anatomy --skill anatomy -g -y；项目安装命令：npx skills add wheresryan22/anatomy --skill anatomy -y。在 Claude Code 中，可以发送以 ! 开头的聊天消息直接运行命令，无需离开对话。
安装后以技能名 anatomy 调用，触发短语包括 "isometric illustration"、"anatomy figure"、"interactive explainer"。
工作按固定顺序进行：确定图形规模（Figure / Hero / Epic）→ 收集真实数值建立模型 → 发明对象 → 列出 40 个以上部件 → 规划世界 → 一次性构建几何 → 从后向前绘制 → 取景 → 使其可交互 → 用 4 倍截图审计。普通图形预计耗时 30–90 分钟，Hero 规模为 2–4 小时。
适用场景
- 需要把技术概念表现为物理机制的可交互解释图形。
- 需要高细节、多部件、等距视角的技术插图。
- 需要输出为 TypeScript、React/Next.js 组件或可打印 A4 PDF 的场景。
- 需要 WebGL 着色器或真 3D 的可选增强。
限制
- 不适用于结构图或流程图，即方框和箭头的抽象本身就是目的的场景（可使用 excalidraw-diagram 或 hand-drawn-diagrams 获得手绘草图效果）。
- 不适用于需要秒级返回的任务：该技能优化细节而非速度，不会为了周转时间牺牲部件数量。
- 不适用于抽象数据图表和信息图（可使用 antvis-chart-skills），也不适用于艺术性而非解释性的 3D 场景（可使用 threejs-claude-skill-package 或 shader-dev）。
- 许可证为 MIT。
- 官方未提供价格、平台兼容性等进一步信息。