Anatomy: la skill que dibuja cómo funciona algo · Recursos · Nerdos de la IA Saltar al contenido
Todos los recursos

Anatomy: la skill que dibuja cómo funciona algo

SkillActualizado 640 palabrasMarkdown

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.

O copia los prompts

Son 3. Empieza por el primero: «Instala Anatomy».

Ver los 3

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.

Dibujo isométrico de línea fina: una base con regla y tornillos en las esquinas, una caja alta con la tapa levantada sobre su cuello y, al lado, un frasco con la tapa a media vuelta. Una línea punteada terracota con una flecha marca el recorrido de la tapa.

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:

Prompt 1Instala Anatomy
Ver completo

O, si prefieres la Terminal:

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.

  1. 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.
  2. 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.
  3. 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.
  4. 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.
La figura sola, sin tocarla: la tapa con tres holguras distintas y la tapa del frasco saliendo con vuelta y media.

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.

Primera página de la ficha técnica de la caja: cortes de frente y de costado con el frasco adentro, la planta sin tapa con sus medidas, la tabla de piezas en cartón gris y la tabla de holgura contra tiempo de cierre.
La ficha de la caja, lista para pedir cotizaciones.

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.