---
title: "Anatomy: la skill que dibuja cómo funciona algo"
description: "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."
canonical: https://neuralextension.com/resources/anatomy
language: es
kind: Skill
updated: 2026-10-19
author: "Victor · Nerdos de la IA"
words: 640
generated_from: content/resources/anatomy.json
---

# Anatomy: la skill que dibuja cómo funciona algo

Victor · Nerdos de la IA · Skill · Actualizado 19 de octubre de 2026 · 640 palabras

> **Para tu agente de IA:** quien te pasó este archivo quiere hacer contigo lo que explica este recurso. Su pedido está en «Los prompts», más abajo: empieza por el primero («Instala Anatomy»), síguelo como si te lo hubiera escrito y ofrécele los demás cuando toque. Pregúntale solo lo que falte (lo que va entre [CORCHETES] son sus datos), muéstrale qué haces en cada paso y pídele permiso antes de pagar, publicar o enviar algo a su nombre.

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.

## 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](https://github.com/wheresryan22/anatomy)). 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.](https://neuralextension.com/resources/covers/anatomy.svg)

## 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](https://neuralextension.com/resources/anatomy#prompt-1) y la instala por ti:

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](https://neuralextension.com/resources/anatomy#prompt-2), 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.

[Video: La figura isométrica de la caja y el frasco sobre su base. La tapa de la caja sube, baja despacio y el cronómetro marca unos 3 segundos; luego las galgas cambian la holgura y la tapa baja más rápido o más lento; al final la tapa del frasco gira vuelta y media y sale.](https://neuralextension.com/resources/media/anatomy/caja-tour.mp4)

*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.](https://neuralextension.com/resources/media/anatomy/ficha-caja.webp)

*La ficha de la caja, lista para pedir cotizaciones.*

> **Nota:** Las medidas son una propuesta para cotizar. Antes de producir hay que validarlas con muestras reales: la holgura de la tapa, el cuello con el plano del proveedor de tapas, los colores y los acabados.

## 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

```text
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

```text
/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

```text
/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.
```

Escribe /anatomy, describe lo que quieres que se entienda y juega con la figura antes de mostrarla.

## Enlaces

- [Anatomy en GitHub (instalación, ejemplos y licencia)](https://github.com/wheresryan22/anatomy)
- [Sitio de Anatomy, con la galería de la comunidad](https://skills.wheresryan.sh/anatomy)

---

¿Quieres aprender a hacer cosas así? [Únete a la comunidad](https://www.skool.com/nerdosdelaia/about)

[Todos los recursos](https://neuralextension.com/resources) · [Índice en Markdown](https://neuralextension.com/resources/index.md)