
Anatomy Claude 技能
智能体技能,把真实机器和技术概念做成细节丰富、可交互的等角(isometric)SVG 插图,可选 WebGL 效果。
发布者:wheresryan22wheresryan22/anatomy
你将打开的内容
适合让智能体把一个概念画成细节丰富的实物:由许多小零件、明暗层次、实时读数和缓动动画组成的可交互等角图。输出可以是独立 HTML 页面、静态 SVG、React / Next.js 组件或 PDF 讲义。
如何配置
- 阅读固定版本的 SKILL.md 和 README 中的依赖说明。
- 用 README 中对应智能体的命令安装(安装卡片展示 Claude Code 的命令)。
- 开启新会话,先让它画一个机构的图;放进文档前先在浏览器中检查。
依赖与第三方条款
需要 Claude Code、Antigravity、OpenCode、Codex 或 MiniMax Code 之一;Node.js 20.10 或更新版本;用于无头检查的 Chrome 或 Chromium;只有输出 React 时才需要 React 18 或更新版本。官方说明一张图需要几十分钟到数小时,3D 模式为 beta。收录不等于审计,运行前请检查脚本。
示例输出
以下图片是仓库 README 里的官方示例。我们链接到固定版本中的原图,没有复制,也还没有自己生成过 anatomy 图。
- ripple-tank.webp 来源:wheresryan22/anatomy 官方示例
- turning-dial.webp 来源:wheresryan22/anatomy 官方示例
- raptor-engine-apart.webp 来源:wheresryan22/anatomy 官方示例
与其他图表技能对比
| 技能 | 输出 | 等角视图 | 许可 |
|---|---|---|---|
| anatomy | 可交互等角图:独立 HTML、SVG、React 组件、PDF | 是 | MIT |
| ai-iso-skill | 单个 HTML 文件里的可交互等角图 | 是 | MIT |
gstack · /diagram | Mermaid 源码或文字描述 → .excalidraw、SVG 和 PNG | 否(平面图) | MIT |
| excalidraw-diagram-generator | 根据自然语言描述生成 Excalidraw JSON(.excalidraw) | 未提及 | MIT(所在仓库) |
仅列出各仓库自身文件中写明的事实。我们没有让这些技能互相对比实测。
添加前请检查
- 先阅读指令并检查脚本,再决定是否执行。
- 检查工具权限、所需凭据和外部网络请求。
- 以来源许可和资源专属条款为准。


