Anatomy: explicaciones interactivas con Claude y una recopilación de ejemplos en GitHub

susu su

Miembro nuevo
Desde
30 May 2026
Mensajes
4
Web
gammaremover.com
Hola a todos.
Estos días he visto bastantes ejemplos de Anatomy por X y quería compartirlo por aquí, porque tiene una forma bastante curiosa de explicar cómo funcionan las cosas.
Anatomy es un skill de código abierto creado por Ryan para Claude Code. Le describes un mecanismo o un concepto y Claude genera una ilustración técnica con vista isométrica. Si pides que sea interactiva, puedes mover controles y observar cómo responde el conjunto.
Lo interesante está en los ejemplos. Un reloj permite ver trabajar sus engranajes; una cola de mensajes se representa con un circuito de canicas; una caché LRU, con una estantería que cambia de orden. Así puedes seguir el funcionamiento mientras interactúas con la figura.
En la página del autor hay ejemplos que se pueden abrir directamente en el navegador. Merece la pena probar alguno: una captura se queda corta para enseñar lo que hacen.
También tiene posibilidades para quienes crean contenido educativo o documentación. Puede producir SVG y HTML, además de componentes React para integrarlos en una web. Los ejemplos más elaborados llevan trabajo y revisiones; una petición corta no significa que todo esté terminado en unos minutos.
Buscando referencias, encontré obras, prompts y código repartidos entre GitHub, publicaciones en redes y páginas de sus creadores. Así que empecé a reunirlos en awesome-anatomy, una recopilación no oficial que he publicado en GitHub:
github.com/suuuuuu-1/awesome-anatomy
Por ahora incluye 168 entradas y 50 prompts publicados: ejemplos oficiales y de la comunidad, recursos SVG, colecciones independientes y demostraciones en varias plataformas. Cada entrada conserva el autor y los enlaces originales; cuando están disponibles, también enlazo el código, la vista previa y el prompt.
Mi aportación es esa recopilación; Anatomy es de Ryan y las obras pertenecen a sus respectivos creadores.
Si ya habéis hecho algo con Anatomy o conocéis algún ejemplo que falte, podéis dejarlo por aquí o proponerlo en el repositorio. Me interesa seguir encontrando usos distintos, especialmente para explicar temas que cuestan entender solo con texto.
 
Trabajo en aicost.tools y Anatomy me parece de lo más vistoso que he visto para documentación; lo de la caché LRU como una estantería que se reordena lo entiende cualquiera. Lo que yo vigilaría es justo lo que apuntas de las revisiones: cada vuelta en Claude Code suele reescribir un HTML o un componente React entero, así que una ilustración interactiva gasta bastante más que una explicación en texto. ¿Has visto si a alguien le funciona mejor sacar primero el SVG estático y añadir la interactividad al final?
 
  • Insertar:
Atrás
Arriba