¿Qué es Anatomy?
Anatomy es una Agent Skill, una carpeta con un fichero SKILL.md, que enseña a un agente de programación a dibujar figuras explicativas. Le pides que explique un concepto y se inventa un objeto físico cuyo funcionamiento es el concepto, por ejemplo una cerradura de pines para una clave de caché que solo encaja cuando coinciden todas las entradas, y luego lo construye con decenas de pequeñas piezas sombreadas en vista isométrica, dentro de una tarjeta con un título, una pista y una lectura en vivo.
Las figuras salen como HTML independiente, un único fichero SVG o componentes de React/Next.js, en temas claro y oscuro, con shaders WebGL opcionales para fuego, agua y luz y un modo 3D en beta. La skill comprueba su propio resultado haciendo zoom en las uniones. Su kit usa solo los módulos integrados de Node, así que no hay claves de API ni paquetes que instalar.
Se instala con `npx skills add wheresryan22/anatomy -g` y funciona en Claude Code, Codex, OpenCode, Antigravity y MiniMax Code. Tiene licencia MIT; la versión 1.1.0 salió el 12 de octubre de 2026.
¿Merece la pena Anatomy?
Anatomy muestra lo que una skill puede llevar y un prompt no. Su SKILL.md fija un flujo de trabajo (reunir las cifras reales, inventar el objeto, escribir una lista de piezas, construir la geometría una sola vez, pintar de atrás hacia delante y después auditar), y un kit sin dependencias se encarga del dibujo: una cámara isométrica, utilidades para piezas redondas y tuberías, una capa WebGL y componentes de React. Lo que devuelve es código fuente tuyo, un script de build en Node y la página que genera, no una imagen de un modelo que no puedes editar.
Sus comprobaciones son más estrictas de lo que intentan la mayoría de las skills. La auditoría del kit demuestra que nada atraviesa nada y que cada extremo se apoya en un soporte; unos scripts de Chrome sin interfaz toman primeros planos y dan por fallida cualquier línea que termine en el aire, y al agente se le pide que lea cada PNG que genera. Ese rigor es también la factura. El README lo llama lento a propósito: el ejemplo del motor Raptor tarda unos minutos solo en construirse, y una auditoría completa en órbita 3D lleva de 15 a 20 minutos para 30 piezas. No se publican recuentos de tokens por figura, así que cada equipo tiene que medir los suyos.
El alcance es estrecho por diseño. No hay ejes ni series de datos, no dibuja personas ni mapas exactos, y una idea sin un mecanismo que construir sale más floja. El modo 3D es una beta probada con su propio ejemplo y una figura de prueba; una prueba de estrés de 380 piezas funcionó a unos 20 fotogramas por segundo con 1.440 píxeles de ancho. En Codex, el sandbox puede detener las comprobaciones con Chrome sin interfaz, lo que deja una figura construida pero sin verificar hasta que alguien apruebe el comando.
El proyecto es además muy nuevo. La versión 1.0.0 salió el 10 de octubre de 2026 y la 1.1.0 dos días después, así que sus 19.000 estrellas miden más la atención que la trayectoria. (Aviso: las figuras explicativas de nuestras páginas sobre el stack de IA se dibujaron con su kit.) Frente a un diagrama de Mermaid, que lleva minutos y explica con cajas etiquetadas, Anatomy pide una sesión larga y devuelve una figura cuyas piezas móviles hacen la explicación: un intercambio razonable para la imagen principal de una página de lanzamiento, y malo para documentación interna que cambia cada semana.
Dónde se gana su sitio
Un ingeniero de developer relations en una empresa de APIs
Explicar la limitación de peticiones en la página principal de la documentación con algo con lo que los lectores puedan interactuar
Pedir /anatomy con el tamaño real del cubo y la tasa de recarga; la skill se inventa el objeto, lo construye con el kit y escribe una página HTML independiente lista para el commit. Hay que contar con una sesión larga de agente por figura en un plan de Claude Code o Codex que ya se tenga; la licencia no cuesta nada.
Una ingeniera de front-end que mantiene un sitio de documentación en Next.js
Añadir una figura interactiva sin incorporar una biblioteca de gráficos o de animación
Pedir salida en React: módulos de geometría, un componente de servidor para el dibujo estático y un componente de cliente para el movimiento. Solo se requiere React 18+, y con movimiento reducido la figura se queda quieta, así que se respetan los ajustes de accesibilidad.
Una responsable de contenidos en una startup de infraestructura de 30 personas
Conseguir una figura principal distintiva para un artículo de lanzamiento sin encargarla a un ilustrador
Un ingeniero ejecuta la skill e itera conversando, así que el coste es el uso del agente y la sesión de ese ingeniero en lugar de los honorarios de un ilustrador. Las figuras también se pueden imprimir como pósteres A4. El riesgo es un concepto sin mecanismo físico, que según el README sale más flojo.
Antes de decidirte
- Puesta en marcha
- Instalar con `npx skills add wheresryan22/anatomy -g` (la versión 1.7.1 de la CLI de skills pide Node 22.20+) o con un git clone en la carpeta de skills del agente; copia unos 10 MB, ejemplos incluidos. El kit necesita Node 20.10+, y Chrome o Chromium para las autocomprobaciones.
- Integraciones
- Claude Code, Codex (se invoca como $anatomy), OpenCode, Antigravity y MiniMax Code mediante el formato Agent Skills. La salida es HTML independiente, un único SVG, componentes de React/Next.js o PDF en A4 mediante scripts/print.mjs.
- Datos y privacidad
- Sin claves de API; el kit y las comprobaciones se ejecutan en tu máquina, y los prompts solo van al modelo que ya usa tu agente. Publicar en la galería de la comunidad es opcional y solo abre una pull request en GitHub después de que confirmes lo que se va a enviar.
- Coste a escala
- Gratuito con licencia MIT. El coste real es el uso del agente: cada figura es una sesión larga de construir, auditar y hacer capturas en los dos temas, y el proyecto no publica cifras de tokens, así que conviene presupuestar a partir de una figura de prueba en tu propio plan.
- Límites
- No es una biblioteca de gráficos; ni personas ni mapas exactos. Los shaders necesitan WebGL (el SVG se entiende igual sin ellos), el modo 3D está en beta y una auditoría completa en órbita 3D lleva de 15 a 20 minutos para 30 piezas.
Lo bueno
- Audita su propia geometría y sus capturas
- Entrega código editable: HTML, SVG o React
- Sin dependencias de npm; solo Node 20.10+
- Funciona en cinco agentes de programación mediante Agent Skills
Lo malo
- Sesiones largas; no se publica el coste en tokens por figura
- Ni gráficos, ni personas, ni mapas
- Modo 3D en beta, unos 20 fps en una figura de 380 piezas
- El sandbox de Codex puede bloquear las comprobaciones con Chrome
Ideal para
Redactores técnicos y desarrolladores que quieren figuras explicativas interactivas para documentación, artículos y páginas de aterrizaje.
Alternativas a Anatomy
Anatomy: preguntas frecuentes
- ¿Merece la pena Anatomy?
- Una skill que convierte un concepto en una máquina con la que los lectores se paran a jugar, y lo cobra en sesiones largas que consumen muchos tokens. Le damos un 4.0 sobre 5.
- ¿Cuánto cuesta Anatomy?
- Gratuito y de código abierto con licencia MIT. Funciona con la suscripción o la API del agente que ya usas.
- ¿Qué inconvenientes tiene Anatomy?
- Sesiones largas; no se publica el coste en tokens por figura; ni gráficos, ni personas, ni mapas; modo 3D en beta, unos 20 fps en una figura de 380 piezas; el sandbox de Codex puede bloquear las comprobaciones con Chrome.
- ¿Para quién es Anatomy?
- Redactores técnicos y desarrolladores que quieren figuras explicativas interactivas para documentación, artículos y páginas de aterrizaje.
- ¿Cuánto cuesta Anatomy para un equipo o en producción?
- Gratuito con licencia MIT. El coste real es el uso del agente: cada figura es una sesión larga de construir, auditar y hacer capturas en los dos temas, y el proyecto no publica cifras de tokens, así que conviene presupuestar a partir de una figura de prueba en tu propio plan.
- ¿Es Anatomy seguro para los datos de la empresa?
- Sin claves de API; el kit y las comprobaciones se ejecutan en tu máquina, y los prompts solo van al modelo que ya usa tu agente. Publicar en la galería de la comunidad es opcional y solo abre una pull request en GitHub después de que confirmes lo que se va a enviar.
- ¿Cuáles son las mejores alternativas a Anatomy?
- Las alternativas más cercanas que hemos analizado son Anthropic Skills, fireworks-tech-graph y OpenDesign.
Respuestas comprobadas el 22 oct 2026.