Esta IA convierte software en máquinas que puedes manipular

Todas las herramientas de diagramación que has usado dibujan cajas y flechas. Esta nueva habilidad de IA, llamada Anatomy, tiene una regla: no hagas eso. Su idea central es que un diagrama convencional solo muestra lo que existe, mientras que una máquina física puede mostrar cómo se comporta un mecanismo.

Anatomy hace que la IA invente una máquina física cuyo mecanismo refleje tu concepto. Una clave de caché se convierte en una cerradura de pines, donde la llave correcta alinea los pines para abrir la puerta. Un handshake TCP son cartas pasadas a lo largo de una cuerda, y una caché LRU demuestra cambios de estado mientras se ejecuta.

Estas no son imágenes estáticas. Anatomy renderiza una máquina interactiva que puedes tocar y explorar. Esta es una distinción crucial frente a herramientas como Mermaid, D2, Excalidraw u otras habilidades de diagramas de arquitectura.

Esas herramientas dibujan topología, mapeando qué se conecta con qué en todo un sistema. Anatomy, sin embargo, explica un mecanismo: cómo se comporta una sola cosa. Construye un modelo pequeño y preciso para iluminar ese proceso específico, no para mapear la arquitectura de todo un sistema.

El verdadero genio de Anatomy reside en su enfoque de "La verdad primero". El agente de IA no solo comienza a dibujar; primero reúne todas las reglas y valores, luego construye un pequeño modelo matemático puro de cómo se comporta el concepto. Solo después de este modelado riguroso planifica y dibuja el visual.

Esto significa que las lecturas interactivas en pantalla están conectadas directamente a ese modelo subyacente, no son solo una simulación. Cuando cambias un control en un diagrama de Anatomy, no estás activando una animación decorativa; estás actualizando el estado real demostrado basado en los cálculos del modelo.

Las comprobaciones de geometría también están integradas. El sistema puede confirmar que nada se superponga con otras partes o que las conexiones aterricen donde deberían. Incluso asegura un orden z isométrico adecuado.

Sin embargo, existe un límite de validación crucial: estas comprobaciones solo verifican la imagen, no los hechos. El agente puede confirmar que la geometría es sólida, pero no puede establecer que los hechos o la metáfora en sí sean verdaderamente precisos. Una explicación es tan verdadera como su analogía. Es por esto que siempre debes leer la metáfora antes de confiar en el dibujo.

Entonces, ¿cómo usas realmente esto? Le pides al agente un concepto y su comportamiento, luego añades instrucciones como "interactivo". La demostración del video, por ejemplo, modela un pool de conexiones de base de datos de diez conexiones, mostrándolas prestadas, devueltas y en cola cuando todas están ocupadas.

Anatomy viene con varios ejemplos integrados que muestran su alcance. Estos incluyen un indicador de dial simple, una computadora interactiva donde puedes escribir en la pantalla y un detallado motor de cohete Raptor que se descompone en 11 ensamblajes con una estela de escape en WebGL. Esto demuestra cómo escala desde dispositivos básicos hasta sistemas complejos.

Anatomy es una habilidad de agente de código abierto para agentes de codificación compatibles como Claude Code, OpenAI Codex, OpenCode y Antigravity. Puedes instalarlo con npx o clonando el repositorio. Para más detalles, consulta GitHub - wheresryan22/anatomy: An agent skill for creating detailed, interactive isometric illustrations.

El resultado es un archivo HTML/SVG independiente o un componente de React, que puedes controlar con opciones como dark mode o WebGL. Esto significa que los desarrolladores pueden integrar fácilmente estas visualizaciones dinámicas en documentación, publicaciones de blog o páginas de destino, haciendo que los conceptos abstractos sean genuinamente interactivos.

Las brillantes explicaciones de Anatomy tienen un costo. Generar una figura interactiva no es un boceto rápido en una pizarra; espera un tiempo significativo y un consumo de tokens. Una figura "normal" puede tomar de 30 a 90 minutos, mientras que un renderizado "Epic" puede consumir de 2 a 4 horas, o incluso más de 48 horas para diseños altamente complejos. Las estimaciones varían ampliamente, así que planifica tu presupuesto en consecuencia en los planes con medición de uso.

Esta herramienta destaca en casos de uso específicos donde una explicación única e interactiva justifica el esfuerzo. Considérala para:

• Documentación técnica
• Enseñanza de conceptos complejos
• Páginas de destino de productos
• Publicaciones de blog atractivas

Aborda siempre el resultado con ojo crítico. Inspecciona la metáfora física subyacente: ¿es realmente precisa? Prueba la interacción tú mismo. Presupuesta revisiones, ya que las autocomprobaciones de la IA verifican la integridad geométrica, no la exactitud factual de la analogía. Una auditoría visual no sustituye a una revisión rigurosa del tema.

¿Qué es la skill Anatomy AI?

Anatomy es una skill de agente de código abierto que crea máquinas ilustradas e interactivas para explicar cómo se comportan los conceptos técnicos.

¿En qué se diferencia Anatomy de los diagramas Mermaid?

Mermaid mapea componentes y conexiones; Anatomy construye una metáfora física que modela un mecanismo y puede responder a la interacción.

¿Qué genera Anatomy?

Puede producir una página HTML independiente con visualizaciones SVG o un componente de React integrable, con WebGL opcional o 3D experimental.

¿Es Anatomy rápido o económico de usar?

No necesariamente. Las figuras complejas pueden requerir ejecuciones largas del agente y una cantidad sustancial de tokens, así que verifica el alcance y el costo antes de comenzar.

¿Puede Anatomy verificar que su explicación es correcta?

Puede probar aspectos de la geometría y la interacción, pero esas comprobaciones no prueban que la metáfora elegida o la explicación técnica sean precisas.