Anatomy, una skill gratuita y de código abierto para Claude Code, convierte una idea técnica en una figura isométrica interactiva de una máquina que la explica funcionando: con una sola línea de prompt, Claude dedicó 1 hora y 54 minutos a construir un reloj mecánico al que se le puede dar cuerda. Su autor, que firma como Ryan (@wheresryan22) en GitHub, la publicó a principios de octubre con licencia MIT y el repositorio suma ya unas 20.800 estrellas.
Las claves de Anatomy, la skill de figuras isométricas para Claude Code, en 20 segundos
- Anatomy genera figuras isométricas interactivas en SVG, con WebGL y un modo 3D en beta.
- Funciona en Claude Code, OpenCode, Codex, Antigravity y MiniMax Code.
- Es gratuita, con licencia MIT, y no necesita claves de API.
- Cada figura lleva horas de trabajo autónomo del agente, que revisa su propio resultado.
La propuesta se aleja de los diagramas de cajas y flechas. En lugar de dibujar un esquema, la skill pide al agente que invente un objeto físico cuyo funcionamiento sea el concepto que se quiere explicar, lo construya pieza a pieza y lo haga reaccionar al ratón y al teclado. El resultado se entrega como código propio: una página HTML, un SVG independiente o componentes de React.
Cómo funciona Anatomy
El README pone ejemplos concretos. Una clave de caché que evita repetir trabajo cuando nada ha cambiado se convierte en una cerradura de pines que solo gira cuando todos encajan. Un único contexto de GPU que sirve a muchos lienzos se transforma en un trazador de pórtico cuyo cabezal visita 16 pocillos. Cada figura va en una tarjeta con título, una pista de uso y una lectura en vivo, y todos los números que muestra salen del mismo modelo que mueve las piezas.
El flujo de trabajo está definido en el SKILL.md: reunir primero los datos reales, inventar el objeto, escribir la lista de piezas, construir la geometría con un kit propio, pintarla de atrás hacia delante, encuadrarla, darle movimiento y, por último, revisarla como lo haría un crítico. Para eso incluye una auditoría de geometría que comprueba que ninguna pieza atraviesa a otra y scripts que abren Chrome sin interfaz, sacan capturas y primeros planos de cada unión y obligan al agente a mirarlas. La instalación es una sola orden:
npx skills add wheresryan22/anatomy -g
/anatomy explain how a token bucket rate limiter works, interactiveEl kit solo usa módulos integrados de Node.js 20.10 o posterior, sin dependencias que instalar, y las comprobaciones necesitan Chrome o Chromium. Hay tres tipos de figura: SVG con sombreado en cuatro tonos, SVG con capas WebGL para fuego, agua o luz, y un modo 3D en beta para piezas que giran de verdad.
Un reloj en dos horas, un motor en diez
La web del proyecto muestra el ejemplo del reloj mecánico, creado con el prompt /anatomy explain how a mechanical watch keeps time, interactive. Según su autor, Claude trabajó 1 hora y 54 minutos de forma activa, en una sola pasada y revisándose a sí mismo. En la figura se puede arrastrar la corona para dar cuerda y ver cómo sube la reserva de marcha, ralentizar el tiempo hasta una centésima para ver avanzar la rueda de escape medio diente cada vez o levantar los puentes para descubrir el tren de engranajes.
No todas las figuras salen tan rápido. La misma web indica unas 10 horas y 33 minutos para el motor Raptor, que se desmonta en 11 conjuntos con una llama en WebGL, y unas 14 horas para un turborreactor. El propio README lo avisa: la skill es lenta a propósito, porque revisa cada unión en los dos temas, claro y oscuro. Eso implica, previsiblemente, un consumo de tokens considerable, un dato que la versión 1.1 registra automáticamente al publicar una figura en la galería de la comunidad.
Para qué sirve y dónde se queda corta
El uso más evidente es la divulgación técnica: documentación, artículos, páginas de producto o presentaciones a clientes, donde una máquina que se mueve explica mejor una arquitectura que un diagrama de cajas. El proyecto también genera versiones imprimibles en A4, como un póster, un plano técnico o una explicación detallada.
Los límites están documentados. Anatomy no es una librería de gráficos, no tiene ejes ni series de datos, y dibuja máquinas, instrumentos, herramientas y muebles, pero no personas ni mapas exactos. Una idea sin un mecanismo que construir sale más débil. El modo 3D sigue en beta: una figura pequeña va a 60 fotogramas por segundo, pero la mano de 380 piezas de la prueba de estrés bajó a unos 20. El repositorio, que superó las 5.000 estrellas en su primera semana según su difusión en redes, sigue creciendo y la versión 1.1 añadió una galería comunitaria y compatibilidad con más agentes.
Quien trabaje con skills en Claude Code puede consultar también las 12 skills open source para lanzar una startup con un agente de IA y el consejo del creador de Claude Code de borrar skills cada seis meses.
Preguntas frecuentes
¿Qué es Anatomy?
Es una skill de código abierto para Claude Code que genera figuras isométricas interactivas de máquinas que explican una idea técnica, en SVG, WebGL o 3D.
¿En qué agentes funciona?
Está escrita para Claude Code, pero sigue el formato abierto de Agent Skills y funciona también en OpenCode, Codex, Antigravity y MiniMax Code.
¿Cuánto tarda en crear una figura?
Depende de la complejidad. El reloj mecánico llevó 1 hora y 54 minutos, y el motor Raptor unas 10 horas y media, según su autor.
¿Es gratis?
Sí. Tiene licencia MIT, no necesita claves de API y solo requiere Node.js 20.10 o posterior y Chrome para las comprobaciones.
Fuentes:
