北京
抽象技术概念怎么讲清楚？大多数人的第一反应是画流程图——方框、箭头、标签，一套组合拳下来，读者还是不知道布隆过滤器到底在干什么。开发者 Ryan 开源了一个 Claude Code 插件 Anatomy，给出的答案完全相反：别画图了，直接造一台机器。
这个项目最反直觉的地方在于，它把「解释」这件事本身当成了装置的一部分。LRU 缓存不再是一个带箭头的矩形，而是一排书架；布隆过滤器不再是一个判断框，而是一台老虎机。数据怎么流动，机械就怎么运转。
装置本身即是解释
Anatomy 遵循的设计哲学只有一句话：装置本身即是解释。它拒绝凭空悬浮的标签与箭头，而是把逻辑映射为看得见、摸得着的实体机械。
这套映射不是随便找个比喻就完事。LRU 缓存对应书架，布隆过滤器对应老虎机，互斥锁对应某种机械锁止结构——每个抽象概念都被赋予了一个有物理隐喻的等轴测装置。读者看到的不是「这里有个缓存」，而是一台正在运转的机器。
动画不是装饰，是状态本身
更关键的一点是模型与视觉完全同构。齿轮转速、仪表读数与代码底层状态模型保持绝对一致，动画不是乱动的装饰。
这意味着当缓存命中率变化时，你看到的不是一段预设好的循环动画，而是装置本身在响应真实的状态变化。视觉呈现和逻辑模型之间没有中间层，两者是同一件事的两种表达。
技术上，项目采用纯 SVG 与 WebGL 着色器渲染，能生成无依赖的 TypeScript/SVG 或 React 组件。深浅主题都支持，无障碍阅读也兼顾到了。安装只需要一行命令。
为什么这件事值得关注
技术概念可视化一直是个尴尬的领域：做得太抽象，读者看不懂；做得太具体，又容易失真。Anatomy 选择了一条更重的路——把每个概念都做成一台可以交互的机械装置。
它的价值不在于省了多少解释文字，而在于改变了读者理解一个概念的方式。你不需要先记住定义再想象过程，装置转起来的那一刻，逻辑已经在眼前了。
特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布，本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
