Explica cualquier proceso como una máquina que funciona (Anatomy + Claude Code)
Anatomy es una skill gratuita para Claude Code que convierte una idea en un dibujo técnico interactivo. Te muestro cómo instalarla, 6 prompts para explicar procesos de negocio y de IA como máquinas, y los 4 prompts del video.
Por Annder Rey · 6 min de lectura
Si llegaste comentando "MÁQUINA", los prompts del video están más abajo, en su propia sección. Pero vale la pena leer primero cómo funciona la herramienta.
Llevo años explicando procesos: cómo va un trámite de principio a fin, cómo funciona un flujo de automatización, por qué un evento de conversión se cuenta dos veces. Y casi siempre termino haciendo lo mismo: un diagrama de cajas y flechas que nadie mira dos veces.
Hace unos días vi una herramienta que cambia eso. Se llama Anatomy: es una skill gratuita para Claude Code que explica una idea construyéndola como un objeto que funciona de verdad. Le escribes la idea en una línea, y Claude inventa una máquina cuyo funcionamiento es esa idea. Después la dibuja como una ilustración técnica isométrica e interactiva: decenas de piezas, una ficha con título, movimiento que sigue tu cursor y piezas que se separan para que veas cómo funciona por dentro.
El ejemplo de su creador lo resume bien: una caché que se salta el trabajo cuando nada cambió se convierte en una cerradura de pines que solo gira cuando todos los pines coinciden.
Para alguien que vive de explicar procesos, esto es oro. Te cuento cómo instalarla y cómo la estoy usando.
Qué es Anatomy, en datos
La creó Ryan (@wheresryan22) y la lanzó el 8 de octubre de 2026. Es gratuita, con licencia MIT, y cuando escribo esto su repositorio ya pasa las 22 mil estrellas en GitHub. No necesita claves de API ni instalar dependencias.
Lo que te entrega no es una imagen: es código fuente que es tuyo. Puede ser una página HTML independiente, un archivo SVG o componentes de React/Next.js, en tema claro u oscuro. Eso significa que puedes editarla, cambiarle cosas y meterla directamente en tu web.
Funciona en Claude Code y también en otros agentes como Codex u OpenCode. Aquí me enfoco en Claude Code.
Instalación (un minuto)
Necesitas Node.js 22.20 o más reciente. Si ya seguiste mi guía para crear videos con Claude y Remotion, ya lo tienes. Abre una terminal y pega:
npx skills add wheresryan22/anatomy -g -a claude-codeEso la instala en ~/.claude/skills/anatomy, disponible en todos tus proyectos. Si Claude Code ya está abierto la detecta sola; si tu carpeta de skills es nueva, escribe /reload-skills primero.
Cómo se usa: tres movimientos
- Escribes
/anatomy. - Nombras la idea: "explica cómo funciona…".
- Agregas
interactiveal final para que la figura se pueda explorar.
/anatomy explica cómo funciona una cerradura de pines, interactiveSi usas Codex, el comando es $anatomy en lugar de /anatomy; el resto del prompt es igual.
Y luego le das tiempo. Esta herramienta es lenta a propósito: construye la figura, la revisa, hace zoom en cada unión para comprobar que todo encaja, y recién ahí te la entrega. Una figura buena es una sesión larga, no un resultado de diez segundos.
Las 3 reglas para que te salga bien
El README de Anatomy da tres consejos, y los tres encajan con lo que vengo diciendo en este blog sobre darle contexto a la IA:
Nombra la idea, no el dibujo. No le describas cajas y flechas. Dile qué tiene que explicar y dale los números reales: cantidades, tiempos, umbrales. Anatomy inventa el objeto mejor de lo que tú lo describirías.
O nombra el objeto, si ya lo tienes en la cabeza. Si sabes que quieres una cafetera, una balanza o una cinta transportadora, dilo, y di qué tiene que moverse.
Di dónde va a vivir. Página HTML, archivo SVG o componente de React/Next.js, y si es claro u oscuro. Cada uno se construye distinto.
Fíjate en la primera regla: los números reales. Esa es la parte que la IA no puede inventar por ti. Si no sabes cuántos formularios entran por semana o cuántos días tarda cada etapa de tu proceso, la máquina va a ser bonita pero no va a explicar tu proceso.
6 prompts para explicar procesos como máquinas
Las figuras del creador explican motores de cohetes, reactores de fusión y relojes. Yo la quiero para otra cosa: explicar procesos de negocio y de IA, que es de lo que va este blog. Estos son los prompts que armé. Cambia los números entre corchetes por los tuyos: ahí está la diferencia entre una figura genérica y una que explica tu caso.
01 · Un flujo de automatización
El mismo flujo de mi post sobre tus primeros flujos de automatización, convertido en máquina.
/anatomy explica cómo funciona un flujo de automatización: llega un
formulario de contacto, se crea una fila en una hoja de clientes, un
paso de IA clasifica el mensaje en consulta, propuesta u otro, y se
envía un correo al responsable de cada categoría. Entran unos
[40] formularios por semana, y los que no encajan en ninguna
categoría se detienen para revisión humana, interactive02 · La fórmula P = E × IA
La idea central de este blog, como mecanismo. Lo que quiero que se vea: si la experiencia es cero, la máquina no se mueve, por mucha IA que le pongas.
/anatomy explica por qué el resultado es experiencia multiplicada por
IA y no una suma: un mecanismo donde la experiencia es la manivela de
entrada y la IA es la relación de engranajes que multiplica el giro.
Si la manivela no gira, la salida es cero aunque los engranajes sean
enormes; si gira, la IA multiplica cada vuelta, interactive03 · Un embudo de leads
Para explicarle a un cliente dónde se le pierden los prospectos.
/anatomy explica cómo funciona un embudo de captación de leads: de
[1.000] visitas a la página, [30] llenan el formulario, [12] responden
el primer mensaje y [4] se convierten en clientes. Muestra en qué
etapa se cae cada prospecto y cuánto tarda cada paso, interactive04 · La deduplicación de eventos entre el píxel y el servidor
Un problema que veo seguido en campañas: la misma conversión llega dos veces a Meta, una desde el navegador y otra desde el servidor, y si no se unen bien se cuenta doble.
/anatomy explica cómo Meta deduplica eventos de conversión que llegan
por dos vías, el píxel del navegador y la API de conversiones del
servidor: cada evento trae un nombre y un identificador, y cuando los
dos coinciden se cuenta una sola vez; si el identificador no
coincide, la conversión se cuenta doble, interactive05 · Un trámite con varias etapas
Para cualquier proceso administrativo o legal donde un expediente pasa por estaciones de revisión.
/anatomy explica cómo avanza un expediente por un trámite de
[5] etapas: recepción de documentos, revisión, subsanación de lo que
falta, evaluación y resolución. Cada etapa tarda [días o semanas] y
un documento incompleto devuelve el expediente a subsanación,
interactive06 · Cómo responde un sistema RAG
Para explicar por qué un asistente con tus documentos responde mejor que uno genérico.
/anatomy explica cómo un sistema RAG responde una pregunta: la
pregunta se convierte en una búsqueda, se recuperan los [3]
fragmentos más parecidos de una biblioteca de documentos, y el modelo
redacta la respuesta usando solo esos fragmentos, interactiveUn aviso honesto: estos prompts son ideas abstractas, y Anatomy funciona mejor cuando la idea tiene un mecanismo claro que construir. Si la primera figura no te convence, nombra el objeto directamente (regla 2): "como una oficina de correos que clasifica cartas", "como una línea de ensamble con estaciones de control".
Los prompts del video
Estas son las cuatro máquinas que aparecen en el reel. Copia el prompt y pégalo en Claude Code. Las tres primeras ya traen los datos reales de cada máquina; en la última, cambia lo que está entre corchetes por los números de tu proceso.
07 · Un reloj mecánico que se desarma
/anatomy explica cómo late un reloj mecánico de cuerda manual: el
barrilete guarda la energía, el tren de ruedas la reparte, la rueda
de escape de 15 dientes avanza un diente en cada oscilación y el
volante oscila a 3 Hz (21.600 alternancias por hora); que se pueda
desarmar para ver cada capa, interactive08 · Una máquina de espresso
/anatomy explica cómo una máquina de espresso con grupo E61 saca un
café: al bajar la palanca la bomba sube a 9 bar, el agua a 93 °C
atraviesa el café molido y caen dos hilos a la taza, interactive09 · La turbina de un avión
/anatomy explica cómo arranca la turbina de un avión: un turbofán de
alto bypass con 24 álabes de fan que acelera y aspira el aire por la
toma, interactive10 · El recorrido de un lead hasta tu CRM
/anatomy explica cómo llega un lead de un formulario web a mi CRM como
un correo neumático: al pulsar Enviar la cápsula viaja por el tubo en
[0,8] segundos y la ficha queda archivada en el cajón de nuevos,
interactiveFíjate en que las cuatro nombran un objeto concreto y le dan números reales. Por eso salen tan bien: es la regla 2 y la regla 1 al mismo tiempo. El 10 es el que más me gusta, porque usa una máquina física (el correo neumático) para explicar un proceso de negocio.
Cómo llevarlo a tu marca
Hay tres formas de usar lo que te entrega:
Dentro de tu web. Si tu sitio está en Next.js, como el mío, pide la salida como componente:
Entrégala como componente de React/Next.js, en tema claro.Con tus colores. El README no explica cómo cambiar la paleta, pero como el código es tuyo, puedes pedírselo después a Claude: "cambia el color de acento de la figura por #176B53 y usa mi tipografía en la ficha del título". Revisa el resultado, porque el estilo de dibujo es de la herramienta y no todo se adapta igual.
En un reel. Abre la figura en el navegador y graba la pantalla mientras pasas el cursor y separas las piezas. Así se hicieron los videos que la volvieron viral.
Lo que no hace
Dibuja máquinas, instrumentos, herramientas y muebles, no personas ni mapas exactos. Tampoco es una librería de gráficos: si necesitas barras o curvas con datos, usa otra cosa. Las figuras más elaboradas necesitan WebGL en el navegador, y el modo 3D todavía está en beta.
Por qué funciona
Anatomy construye la máquina en una sesión. Pero fíjate qué le das tú: la idea, los números reales y el criterio de si la máquina explica bien el proceso o no. Una figura con datos inventados se ve igual de bonita y no le sirve a nadie. Eso es P = E × IA: la herramienta dibuja; saber qué dibujar sigue siendo tuyo.
Créditos: Anatomy la creó Ryan, @wheresryan22, con licencia MIT. Hay más figuras oficiales en skills.wheresryan.sh/anatomy y una galería de la comunidad en anatomy-community. Conocí la herramienta por la guía de Jatin Sahani (@jsahani.ai).
Un diagrama de cajas se explica. Una máquina que se mueve se entiende. Pero para que la máquina explique tu proceso, primero tienes que entenderlo tú.