wheresryan22/anatomy

它解决了什么问题

Anatomy 是一个供 AI 代理（特别是 Claude、OpenCode 和 Codex）使用的工具，让它们能通过设计和构建交互式等角图形来解释复杂的技术概念。它不使用通用图表，而是让 AI 发明一个物理对象，其机械运作代表技术概念（例如，将缓存键表示为弹子锁）。

它的运作方式

此项目提供一个专门的绘图库（“工具包”）和一组 AI 代理遵循的工艺规则。工作流程包括 AI 收集技术需求、发明物理隐喻、规划几何形状，并使用工具包生成图形。

它支持三种输出类型：

• SVG：具有四色阴影和缓动动画的实心等角零件。
• SVG + WebGL：结合 SVG 用于结构，WebGL 着色器用于效果，如火、水或发光。
• 3D（测试版）：可在真实 3D 空间中旋转和弯曲的零件。

系统包含一个验证套件，使用无头 Chrome 审核几何重叠、确保线条不会在半空中结束，并验证结果图形的视觉保真度。

适合谁使用

使用 AI 代理为文档、博客文章或着陆页创建高质量、交互式说明图形的开发人员和技术作家。

重点特色

• 隐喻驱动的解释：将抽象的技术概念转换为物理、可运作的模型。
• 多模式渲染：支持独立 HTML、SVG 文件或 React/Next.js 组件。
• 自动化验证：包含几何审核和视觉检查，以确保精确度。
• 零依赖工具包：核心库仅使用 Node 的内置模块。
• 代理原生：设计为标准 Agent Skill，可与 Claude Code、OpenCode 和 Codex 无缝集成。