Anatomy: la skill que dibuja cómo funciona algo
Convierte una idea en un objeto que se mueve, pieza por pieza. Con ella diseñé una caja y un frasco de champú, con fichas para cotizar, en 35 minutos.
Empieza aquí
Pásaselo a Claude Code
Pega esta línea y Claude Code lee el recurso completo y lo hace contigo.
Baja con curl https://neuralextension.com/resources/anatomy.md, léelo completo y hazlo conmigo, paso a paso.
La receta
- Herramienta
- Claude Code (app de escritorio)
- Modelo
- Claude Opus 5.5
- Esfuerzo
- Extra alto
xhigh - Tiempo
- 35 minutos la caja y el frasco, con un solo prompt
- Costo
- La skill es gratis (licencia MIT). El uso, incluido en el plan Max de Claude
La hizo Ryan (wheresryan22 en GitHub). También funciona en Codex, OpenCode, Antigravity y MiniMax Code.
Qué hace
Una skill es un archivo de instrucciones que le enseña a Claude a hacer una cosa muy bien. Anatomy le enseña a hacer figuras isométricas interactivas que explican una idea como si fuera una máquina de verdad: con base, tornillos, resortes, reglas y un marcador que se mueve.
Su regla es que el objeto es la explicación. Nada de cajas con flechas. Para explicar una caché, Claude inventa un candado de pines; para explicar un empaque, construye el empaque con sus medidas reales. Cada número que muestra la figura sale del mismo modelo que mueve las piezas, y Claude abre la figura en Chrome para revisar cada unión de cerca antes de entregarla.
Cómo la instalo
Pégale a Claude este prompt y la instala por ti:
O, si prefieres la Terminal:
npx skills add wheresryan22/anatomy -g -a claude-code
Queda en ~/.claude/skills/anatomy y sirve en todos tus proyectos. Abre una sesión nueva de Claude Code y escribe /anatomy seguido de lo que quieres explicar.
Cómo la uso
La usé por primera vez el 15 de octubre, preparando mi charla de la Feria Effix. Quería mostrar que Claude Code también sirve para diseñar un producto físico. Le escribí /anatomy con el pedido que está abajo, tal cual.
- Le pedí el diseño sin medidas. Una caja «súper moderna, sólida, premium, limpia y sofisticada» y el frasco a juego, para un champú mediano, explicados de forma que se los pudiera pasar a quien hace cajas y a quien hace frascos.
- Claude propuso las medidas. Un frasco PET de 300 ml de 62 × 40 × 180,5 mm, con cuello 24/410, el estándar de las tapas de catálogo, y una caja rígida de tapa y fondo con cuello, de 72,5 × 50,5 × 187,5 mm.
- Armó la figura. La tapa sube y baja sola sobre un colchón de aire, unas galgas cambian la holgura entre la tapa y el cuello, y un cronómetro mide cuánto tarda en cerrar. Con 0,15 mm por lado baja en unos 3 segundos, la caída lenta de las cajas premium; con 0,5 mm cae de golpe.
- Sacó dos fichas técnicas en PDF para cotizar: cortes, planta, desarrollo del cartón y materiales de la caja; frente, costado y detalle del cuello del frasco.
Fue un solo prompt, sin correcciones. En la figura, cada clic en la caja, en las galgas o en el frasco mueve esa pieza; el video es el recorrido que hace sola cuando nadie la toca.
Lo que necesitas
- Claude Code, o Codex, OpenCode, Antigravity o MiniMax Code.
- Node.js 20.10 o más nuevo y Chrome, que Claude usa para revisar la figura. Si te falta algo, pídele que lo instale.
- Nada más. No pide claves ni instala dependencias.
- Tiempo: antes de empezar, la skill le pone tamaño al pedido. Una figura de un solo mecanismo suele salir en menos de una hora; un objeto denso, con varios efectos de luz o fuego, toma de 2 a 4 horas, y la skill te lo avisa.
Hazlo tuyo
Sirve para cualquier cosa que cueste explicar con palabras: cómo funciona tu producto, cómo viaja un pedido de tu tienda hasta la casa del cliente o por qué tu servicio tarda lo que tarda. Pídela para tu página web o para una presentación y dile que tus clientes no son técnicos.
Es para explicar y mostrar. No reemplaza un plano de ingeniería ni la foto de un producto terminado.
Los prompts
Prompt 1
Instala Anatomy
Instala la skill Anatomy para todos mis proyectos de Claude Code. Está en https://github.com/wheresryan22/anatomy y se instala con este comando:
npx skills add wheresryan22/anatomy -g -a claude-code
Si me falta Node.js 20.10 o más nuevo, instálalo primero. No soy programador: explícame en palabras simples lo que vas haciendo y dime al final cómo la uso.
Prompt 2
El que usé para la caja y el frasco
/anatomy Quisiera usar esto para poder diseñar una caja que se vea así: súper moderna, sólida, premium, limpia y sofisticada, para un empaque de champú. También quiero que me hagas el frasco del que viene el champú, que también debería seguir los mismos lineamientos. Sería para un champú.
No tengo ninguna medida exacta de nada. Champú mediano. Con la caja también, me gustaría entender cómo funcionaría la caja, cómo es, para poderla pasar a los que saben de cajas. Lo mismo para poder pasarle esto a los productores de frascos de champú y poder producirlo.
Prompt 3
Para explicar algo de tu negocio
/anatomy Quiero una figura interactiva que muestre cómo funciona [tu producto o proceso, ej.: cómo llega un pedido de mi tienda hasta la casa del cliente]. Es para [mi página web / una presentación / un post de Instagram]. Mis clientes no son técnicos: que se entienda sin leer nada. Usa mis colores: [colores o el enlace de mi sitio]. Cuando esté lista, ábrela en el navegador para que la vea.