Anatomy (Español)
Fuente original: https://github.com/wheresryan22/anatomy — MIT © 2026 Ryan. Consulta el archivo original en inglés
SKILL.en.mden este directorio; análisis detallado enPHAN-TICH.md.
¿Para qué sirve?
Explica una idea técnica construyéndola como un objeto real y funcional: una clave de caché se convierte en una cerradura cuyos pestillos solo giran cuando todas las piezas encajan; un contexto GPU que atiende múltiples canvases se vuelve una impresora con un solo cabezal que visita 16 depósitos. El resultado es una figura isométrica compuesta por decenas de pequeños detalles sólidos, sombreados en cuatro tonos, dentro de una tarjeta con título, sugerencias y métricas en vivo, que se mueve suavemente con el cursor y el teclado.
Tres tipos de figuras (comparten un mismo kit, una misma cámara y un mismo conjunto de reglas de artesanía):
| Tipo | Descripción |
|---|---|
| SVG | El núcleo. Detalles isométricos sólidos, sombreado de 4 tonos, dibujado de atrás hacia adelante, en una tarjeta con métricas en vivo. Exportable como HTML independiente, .svg con CSS embebido, o React/Next.js. |
| SVG + WebGL | Para elementos que el trazo no puede representar: fuego, gases de escape, agua, cáusticas, luces, resplandor, vapor. Los shaders se ejecutan en un canvas intercalado entre el SVG trasero y el delantero, con la misma cámara isométrica. |
| 3D (beta) | Detalles con rotación 3D real: ejes giratorios, dedos articulados, piezas en caída libre. El resto es arte estático. |
Instalación
npx skills add wheresryan22/anatomy -g
# o -a claude-code / -a antigravity / -a opencode / -a codex / -a minimax-code
- Se instala en
~/.claude/skills/anatomy(Claude Code),~/.config/opencode/skills/anatomy(OpenCode),~/.agents/skills/anatomy(Codex), etc. O puedes clonar el repositorio directamente en la carpeta de habilidades. - Requisitos: Node.js ≥ 20.10 (solo utiliza módulos integrados, 0 dependencias), Chrome/Chromium para la autoverificación (sin interfaz gráfica, busca en rutas estándar o configura
CHROME_PATH). React 18+ solo es necesario para la salida React.
Modo de uso
/anatomy explica cómo funciona un limitador de velocidad de bucket de tokens, interactivo
- No es necesario mencionar la habilidad: si pides "ilustración isométrica", "figura explicativa para docs/blog/landing page", el agente la activa automáticamente. En Codex usa
$anatomy. - 3 buenas prácticas para una buena figura: (1) describe la idea, no el dibujo, e incluye métricas reales (dimensiones, cantidades, velocidades, umbrales); (2) o nombra el objeto si ya lo conoces (máquina de espresso, mechero Bunsen, cerradura) y explica qué se mueve; (3) indica dónde vivirá la figura (HTML / SVG / React, claro u oscuro).
- Puedes solicitar una impresión:
node scripts/print.mjs sheet.mjs --format allgenera PDF A4 (póster, dibujo técnico, explicación de 2 páginas).
Proceso interno de la habilidad
- Recopilar métricas reales → 2. inventar el objeto → 3. listar sus partes → 4. construir la geometría una vez usando el kit → 5. sombrear de atrás hacia adelante → 6. enmarcar → 7. animar → 8. autoverificación como crítico: auditoría geométrica (
build.mjs --audit: nada atraviesa nada, cada extremo encaja correctamente, superposiciones en orden de profundidad correcto), captura headless Chrome (capture.mjs,drive.mjs), verificación de líneas sueltas (lines.mjs), verificación 3D (turn-check.mjs). El agente debe leer cada PNG que genera.
Fortalezas
- Calidad visual muy alta, con su propio sistema de verificación (auditoría + captura + hoja de contactos) — pocas habilidades de ilustración tienen un ciclo de autoevaluación real.
- Sin dependencias, sin necesidad de clave API; kit Node integrado.
- Compatible con 5 agentes CLI (Claude Code, Antigravity, OpenCode, Codex, MiniMax Code) mediante el estándar Agent Skill.
- Incluye ejemplos completos en el repositorio, sitio web de galería comunitaria y exportación de pósteres PDF.
Debilidades
- Lento de manera intencional: una figura requiere una sesión larga (construir partes, auditar, capturar primeros planos en 2 temas). La construcción de un objeto complejo como un Raptor puede tomar varios minutos; la auditoría 3D toma 15–20 minutos para 30 partes.
- No es una biblioteca de gráficos: no tiene ejes, series ni trazados de datos.
- Solo dibuja máquinas, herramientas, muebles — no dibuja personas, no mapas precisos; las ideas sin un "mecanismo" producen figuras débiles.
- El modo 3D aún está en beta; los shaders requieren WebGL (sin WebGL, SVG sigue siendo legible).
Adecuación para Limix Bot
Es bastante adecuado cuando se necesita explicar un concepto técnico con una figura interactiva para documentación, informes o páginas explicativas (comparte el enfoque con la habilidad answer-me-with-html del hub). No es adecuado para respuestas rápidas o análisis numérico — es más bien un "arma narrativa" para contenido de producto. Ten en cuenta el largo tiempo de construcción, por lo que es mejor usarlo en una tarea separada (un hilo propio), sin mezclarlo en el chat normal.
Seguridad
La habilidad consiste únicamente en instrucciones y scripts Node que se ejecutan localmente (construir/auditar/capturar). Los scripts solo generan HTML/SVG/PDF, no llaman a servicios externos durante la construcción; la verificación ejecuta Chrome sin interfaz gráfica localmente. Según las reglas del hub: incluye herramienta → estado de revisión, el administrador del bot debe aprobar antes de activar.