Anatomy 是一个 Agent Skill：让智能体为一个技术概念构思一台“工作原理就是这个概念”的实物机器，再用几十个带明暗的零件把它画成可交互的等距插图。可输出独立 HTML、单个 SVG 或 React 组件，并用无头 Chrome 自检几何。

anatomy 是开源的吗？

是的，采用 MIT 许可证。

anatomy

Q: anatomy 是开源的吗？

是的，采用 MIT 许可证。

活跃·★ 18.6k·MIT·更新于 2026-10-18

★ 最受欢迎

Anatomy 是为 Claude Code 编写的 Agent Skill，也能在 Antigravity、OpenCode、Codex 和 MiniMax Code 中加载。你请它画一张解释某个技术概念的图，它会让智能体构思一个“工作原理就是这个概念”的实物：README 里的例子把缓存键变成弹子锁，把共享 GPU 上下文变成龙门绘图仪。

随后智能体用自带的绘图库，把这个物体拼成几十个带明暗的等距零件，放进带标题和实时读数的卡片，并加上跟随鼠标和键盘的平缓动画。输出可以是独立 HTML 页面、内嵌样式的单个 SVG，或 React/Next.js 组件。WebGL 层负责尾焰、水面、灯光等效果；让零件真正旋转的 3D 模式还是 beta。

它会自检：审查脚本证明零件之间没有互相穿插、每个端点都有支撑，还会用无头 Chrome 截图和拍特写，并要求智能体逐张查看。因此它刻意做得很慢，README 说 30 个零件的完整 3D 环绕审查要 15 到 20 分钟。运行需要 Node 20.10+，检查需要 Chrome 或 Chromium，没有其他依赖，也不需要 API key。

#智能体技能#Claude Code#SVG#等距插图#可视化#WebGL

功能特性

01三种图：SVG、SVG + WebGL 着色器，以及 3D 模式（beta）

02实时读数与驱动零件运动的是同一个模型

03几何审查加无头 Chrome 特写，逐个检查连接处

04可输出独立 HTML、单个 SVG 文件或 React/Next.js 组件

05只用 Node 内置模块，无需 API key 或 npm install

为什么选择它

+把抽象概念做成能动的机械比喻，而不是千篇一律的示意图。

+完成前会自检几何和截图，成图里断开的连接和多余线条更少。

+零依赖、不需要 API key，输出普通的 HTML、SVG 或 React 组件，可以直接放进文档。

权衡点

!刻意做得很慢：一张图要花很长的智能体会话和大量 token。

!不是图表库，不能画数据序列，也不画人物和精确地图。

!3D 模式仍是 beta；浏览器检查需要 Chrome，在 Codex 的沙箱里可能被拦下。

维护状况检查

活跃检查日期: 2026-10-18

最近提交: 2026-10-15
近 90 天提交数: 100+
近 90 天发布数: 2
最新发布: v1.1.0 (2026-10-12)
未关闭 issue: 49
近期 issue 至少有一条评论的比例: 1/6

近 12 周每周提交数

最早的一周在左边，最近 4 周为橙色。数据来源：GitHub 提交统计。

状态规则：GitHub 上已归档 = 已归档；最近提交在 90 天内 = 活跃；91 到 365 天 = 放缓；更久 = 停滞。所有数字来自所示日期的 GitHub API。

讨论最多的未关闭 issue

#85 Thoughts on next steps: graduating the canvas painter, multi-level zoom primitives, and faster 3D orbit audits3 条评论 · 2026-10-15
#51 Recursive subcomponent zoom3 条评论 · 2026-10-12
#124 Canvas editor — the "Fine, I'll just do it myself!" rearrangement helper0 条评论 · 2026-10-18
#117 Proposal: opt-in reading annotations and notes for standalone learning pages0 条评论 · 2026-10-17
#114 Proposal: model-synchronized explanations for interactive figures0 条评论 · 2026-10-17

issue 标题引自 GitHub。请打开链接确认该问题是否仍适用于你使用的版本。

兼容性

Claude Code

技能

已通过文档验证

Codex

技能

已通过文档验证

OpenCode

技能

已通过文档验证

Antigravity

技能

已通过文档验证

快速开始

$ npx skills add wheresryan22/anatomy -g

使用场景

↳在技术博客里解释限流器、缓存等系统概念

↳为文档或演讲制作可交互插图

↳绘制带火焰、水波或光效的精细机械图

anatomy

活跃·★ 18.6k·MIT·更新于 2026-10-18

★ 最受欢迎

#智能体技能#Claude Code#SVG#等距插图#可视化#WebGL

功能特性

01三种图：SVG、SVG + WebGL 着色器，以及 3D 模式（beta）

02实时读数与驱动零件运动的是同一个模型

03几何审查加无头 Chrome 特写，逐个检查连接处

04可输出独立 HTML、单个 SVG 文件或 React/Next.js 组件

05只用 Node 内置模块，无需 API key 或 npm install

为什么选择它

+把抽象概念做成能动的机械比喻，而不是千篇一律的示意图。

+完成前会自检几何和截图，成图里断开的连接和多余线条更少。

+零依赖、不需要 API key，输出普通的 HTML、SVG 或 React 组件，可以直接放进文档。

权衡点

!刻意做得很慢：一张图要花很长的智能体会话和大量 token。

!不是图表库，不能画数据序列，也不画人物和精确地图。

!3D 模式仍是 beta；浏览器检查需要 Chrome，在 Codex 的沙箱里可能被拦下。

维护状况检查

活跃检查日期: 2026-10-18

最近提交: 2026-10-15
近 90 天提交数: 100+
近 90 天发布数: 2
最新发布: v1.1.0 (2026-10-12)
未关闭 issue: 49
近期 issue 至少有一条评论的比例: 1/6

近 12 周每周提交数

最早的一周在左边，最近 4 周为橙色。数据来源：GitHub 提交统计。

状态规则：GitHub 上已归档 = 已归档；最近提交在 90 天内 = 活跃；91 到 365 天 = 放缓；更久 = 停滞。所有数字来自所示日期的 GitHub API。

讨论最多的未关闭 issue

#85 Thoughts on next steps: graduating the canvas painter, multi-level zoom primitives, and faster 3D orbit audits3 条评论 · 2026-10-15
#51 Recursive subcomponent zoom3 条评论 · 2026-10-12
#124 Canvas editor — the "Fine, I'll just do it myself!" rearrangement helper0 条评论 · 2026-10-18
#117 Proposal: opt-in reading annotations and notes for standalone learning pages0 条评论 · 2026-10-17
#114 Proposal: model-synchronized explanations for interactive figures0 条评论 · 2026-10-17

issue 标题引自 GitHub。请打开链接确认该问题是否仍适用于你使用的版本。

兼容性

Claude Code

技能

已通过文档验证

Codex

技能

已通过文档验证

OpenCode

技能

已通过文档验证

Antigravity

技能

已通过文档验证

快速开始

$ npx skills add wheresryan22/anatomy -g

使用场景

↳在技术博客里解释限流器、缓存等系统概念

↳为文档或演讲制作可交互插图

↳绘制带火焰、水波或光效的精细机械图

anatomy

功能特性

为什么选择它

权衡点

维护状况检查

讨论最多的未关闭 issue

兼容性

快速开始

使用场景

同类工具

评论

anatomy

功能特性

为什么选择它

权衡点

维护状况检查

讨论最多的未关闭 issue

兼容性

快速开始

使用场景

同类工具

评论