Anatomy

项目简介

Anatomy 是一个 Claude Code 技能，可把一句想法变成真实机器的实时等距图。技能会发明对象，用众多实体零件搭建，并让所有读数都来自驱动物体运动的同一模型。图形可以是 SVG、WebGL 或真正 3D，并且每个图形也以可换主题的 React 组件或自定义元素提供。

核心功能

• 能把一句想法变成一台被发明出来的机器的可交互等距图。图由数十到数百个小实体零件组成，按深度排序绘制，并有一个受光强调部件。支持可选交互、WebGL 着色器和真正 3D 图形。每个合集图形都提供 React 组件和自定义元素两种形式，含五套主题和可定制令牌。图形可接收键盘焦点，向屏幕阅读器播报读数变化，并在减少动态效果时保持静止。合集包含 33 个实时图形，技能附带六个完整示例。

适用场景

• 在文档、文章和落地页中解释技术概念。为 LRU 缓存、布隆过滤器、TCP 握手和涡扇发动机等软件与工程想法制作交互式说明图。把可换主题的实时图形嵌入 React 或 Next.js 网站。根据自然语言提示制作教育或技术插图。

快速开始

• 用 npx skills add wheresryan22/anatomy 把技能加入 Claude Code。也可以下载技能 ZIP，并解压到技能文件夹，例如 ~/.claude/skills。然后在项目中打开 Claude Code，请求说明图，并说明想法而不是画面。

部署与要求

• 需要 Claude Code 环境。按 README 徽章，需要 Node.js 20.10 或更高版本。未报告额外依赖。

采用前须知

• 许可证：MIT。在使用、修改或分发项目前，请确认其具体条款。