Anatomy｜把技术概念转成交互式等距图解

是什么

Anatomy 是一个面向编码类 Agent（来源描述提到 Claude Code、Codex、OpenCode、Antigravity）的 Skill，用途是把抽象技术概念解释成可交互的等距（isometric）SVG 图解。它的思路不是画普通流程图，而是先“发明”一个工作原理恰好对应该概念的实物比喻——例如把令牌桶限流器比作弹子锁、把 GPU 上下文共享比作龙门绘图仪——再用自研 kit 渲染成图形。

适用人群

• 写技术博客、做架构讲解、准备分享的开发者；
• 需要给文档配示意图的团队；
• 想用可视化方式理解复杂机制的学习者。

已知能力

按来源描述，输出形式包括独立 HTML、单张 SVG 或 React/Next.js 组件，渲染方式覆盖 SVG、SVG + WebGL 着色器或 3D 场景，并带有几何审计与无头 Chrome 校验环节，用于检查图形是否正常渲染。以上为项目自述能力，实际效果待核验。

使用步骤（参考）

1. 在支持的 Agent 环境中安装或引入该 Skill，具体方式见仓库说明；
2. 向 Agent 描述要解释的技术概念与目标读者；
3. 由 Agent 生成概念比喻与图解，再选择输出格式（HTML / SVG / React 组件）；
4. 查看渲染与校验结果，按需调整几何细节；
5. 将成品嵌入文档或网页。

限制

依赖 Agent 环境与相应运行条件，无头浏览器校验需要可用的浏览器运行环境；许可证与商用条款待核验；不同 Agent 的兼容性以仓库文档为准，本站未做实测。

来源与使用边界

原始入口：https://github.com/wheresryan22/anatomy

整理来源：https://github.com/ikaijua/Awesome-AITools

依据来源资料经AI翻译整理，未由本站实测。原始资料许可：CC-BY-4.0；目录许可不代表各产品或文件的使用授权。费用、账号、国内访问与版本兼容条件以原始发布者最新说明为准。