Skip to content

Anatomy

Un skill d'agent qui explique des idées techniques sous forme de machines isométriques détaillées et interactives en SVG, avec des effets WebGL optionnels.

Avis de Sheela · Mis à jour

Voir sur GitHub Open source

Notre note

4.0/5

Un skill qui transforme un concept en une machine avec laquelle les lecteurs s'arrêteront pour jouer, et le facture en longues sessions gourmandes en tokens.

Qu’est-ce que Anatomy ?

Anatomy est un Agent Skill, un dossier avec un fichier SKILL.md, qui apprend à un agent de code à dessiner des figures explicatives. Demandez-lui d'expliquer un concept et il invente un objet physique dont le fonctionnement est le concept, par exemple une serrure à goupilles pour une clé de cache qui ne correspond que lorsque chaque entrée correspond, puis le construit à partir de dizaines de petites pièces ombrées en vue isométrique, dans une carte avec un titre, un indice et un affichage en direct.

Les figures sortent en HTML autonome, un seul fichier SVG ou des composants React/Next.js, en thèmes clair et sombre, avec des shaders WebGL optionnels pour le feu, l'eau et la lumière et un mode 3D en beta. Le skill vérifie sa propre sortie en zoomant sur les jointures. Son kit n'utilise que les modules intégrés de Node, si bien qu'il n'y a ni clés d'API ni paquets à installer.

Il s'installe avec `npx skills add wheresryan22/anatomy -g` et tourne dans Claude Code, Codex, OpenCode, Antigravity et MiniMax Code. Il est sous licence MIT ; la version 1.1.0 est sortie le 12 octobre 2026.

Anatomy vaut-il le coup ?

Anatomy montre ce qu'un skill peut porter qu'un prompt ne peut pas. Son SKILL.md fixe un workflow (collecter les vrais chiffres, inventer l'objet, écrire une liste de pièces, construire la géométrie une fois, peindre de l'arrière vers l'avant, puis auditer), et un kit sans dépendance fait le dessin : une caméra isométrique, des helpers pour les pièces rondes et les tuyaux, une couche WebGL et des composants React. Ce qui revient, c'est du code source que vous possédez, un script de build Node et la page qu'il écrit, pas une image d'un modèle que vous ne pouvez pas éditer.

Sa vérification est plus stricte que ce que la plupart des skills tentent. L'audit du kit prouve que rien ne traverse rien et que chaque extrémité repose sur un support ; des scripts headless Chrome prennent des gros plans et font échouer toute ligne qui se termine en l'air, et on dit à l'agent de lire chaque PNG qu'il crée. Cette rigueur est aussi la facture. Le README le qualifie de lent exprès : l'exemple du moteur Raptor met quelques minutes rien que pour se construire, et un audit complet d'orbite 3D tourne 15 à 20 minutes pour 30 pièces. Aucun décompte de tokens par figure n'est publié, si bien qu'une équipe doit mesurer le sien.

La portée est étroite par conception. Il n'y a ni axes ni séries de données, il ne dessinera pas de personnes ni de cartes exactes, et une idée sans mécanisme à construire sort plus faible. Le mode 3D est une beta prouvée sur son propre exemple et une figure de test ; un test de stress à 380 pièces a tourné à environ 20 images par seconde en 1 440 pixels de large. Dans Codex, le bac à sable peut arrêter les vérifications headless Chrome, ce qui laisse une figure construite mais non vérifiée jusqu'à ce que quelqu'un approuve la commande.

Le projet est aussi très nouveau. La version 1.0.0 est sortie le 10 octobre 2026 et la 1.1.0 deux jours plus tard, si bien que ses 19 000 étoiles mesurent l'attention plus que le bilan. (Divulgation : les figures d'explication sur nos pages de pile IA ont été dessinées avec son kit.) Face à un diagramme Mermaid, qui prend quelques minutes et explique avec des boîtes étiquetées, Anatomy demande une longue session et renvoie une seule figure dont les pièces mobiles font l'explication : un échange juste pour un visuel phare de page de lancement, un mauvais pour une documentation interne qui change chaque semaine.

Là où il fait la différence

  • Un ingénieur relations développeurs dans une entreprise d'API

    Expliquer la limitation de débit sur la page de lancement de la documentation avec quelque chose avec lequel les lecteurs peuvent interagir

    Promptez /anatomy avec la vraie taille de bucket et le taux de recharge ; le skill invente l'objet, le construit avec le kit et écrit une page HTML autonome à committer. Attendez-vous à une longue session d'agent par figure sur une offre Claude Code ou Codex existante ; la licence ne coûte rien.

  • Un ingénieur front-end qui maintient un site de documentation Next.js

    Ajouter une figure interactive sans importer une bibliothèque de graphiques ou d'animation

    Demandez une sortie React : modules de géométrie, un composant serveur pour l'art statique et un composant client pour le mouvement. Seul React 18+ est requis, et sous mouvement réduit la figure se fige, si bien que les réglages d'accessibilité sont respectés.

  • Un responsable de contenu dans une startup d'infrastructure de 30 personnes

    Obtenir une figure phare distinctive pour un billet de lancement sans commander un illustrateur

    Un ingénieur fait tourner le skill et itère en conversation, si bien que le coût est l'usage de l'agent et la session de cet ingénieur plutôt que les honoraires d'un illustrateur. Les figures peuvent aussi être imprimées en affiches A4. Le risque est un concept sans mécanisme physique, qui, selon le README, sort plus faible.

Avant de vous engager

Mise en route
Installez avec `npx skills add wheresryan22/anatomy -g` (la version 1.7.1 du CLI skills veut Node 22.20+) ou un git clone dans le dossier skills de l'agent ; il copie environ 10 MB, exemples compris. Le kit a besoin de Node 20.10+, et de Chrome ou Chromium pour les auto-vérifications.
Intégrations
Claude Code, Codex (invoqué comme $anatomy), OpenCode, Antigravity et MiniMax Code via le format Agent Skills. La sortie est du HTML autonome, un seul SVG, des composants React/Next.js, ou des PDF A4 via scripts/print.mjs.
Données et confidentialité
Pas de clés d'API ; le kit et les vérifications tournent sur votre machine, et les prompts vont uniquement au modèle que votre agent utilise déjà. La publication dans la galerie communautaire est optionnelle et n'ouvre une pull request GitHub qu'après que vous confirmiez ce qui sera envoyé.
Coût à grande échelle
Gratuit sous MIT. Le vrai coût est l'usage de l'agent : chaque figure est une longue session de construction, d'audit et de capture d'écran dans les deux thèmes, et le projet ne publie aucun chiffre de tokens, alors budgétez à partir d'une figure d'essai sur votre propre offre.
Limites
Pas une bibliothèque de graphiques ; pas de personnes ni de cartes exactes. Les shaders ont besoin de WebGL (le SVG se lit encore sans), le mode 3D est en beta, et un audit complet d'orbite 3D prend 15 à 20 minutes pour 30 pièces.

Les points forts

  • Audite sa propre géométrie et ses captures d'écran
  • Livre du code source éditable : HTML, SVG ou React
  • Pas de dépendances npm ; Node 20.10+ uniquement
  • Tourne dans cinq agents de code via Agent Skills

Les points faibles

  • Longues sessions ; aucun coût en tokens par figure publié
  • Pas de graphiques, de personnes ni de cartes
  • Mode 3D en beta, environ 20 fps sur une figure à 380 pièces
  • Le bac à sable de Codex peut bloquer les vérifications Chrome

Idéal pour

Les rédacteurs techniques et développeurs qui veulent des figures explicatives interactives pour la documentation, les billets et les pages de lancement.

Alternatives à Anatomy

Anatomy : questions fréquentes

Anatomy vaut-il le coup ?
Un skill qui transforme un concept en une machine avec laquelle les lecteurs s'arrêteront pour jouer, et le facture en longues sessions gourmandes en tokens. Nous lui donnons 4.0 sur 5.
Combien coûte Anatomy ?
Gratuit et open source sous MIT. Tourne sur l'abonnement ou l'API d'agent que vous utilisez déjà.
Quels sont les inconvénients de Anatomy ?
Longues sessions ; aucun coût en tokens par figure publié; pas de graphiques, de personnes ni de cartes; mode 3D en beta, environ 20 fps sur une figure à 380 pièces; le bac à sable de Codex peut bloquer les vérifications Chrome.
À qui s’adresse Anatomy ?
Les rédacteurs techniques et développeurs qui veulent des figures explicatives interactives pour la documentation, les billets et les pages de lancement.
Combien coûte Anatomy pour une équipe ou en production ?
Gratuit sous MIT. Le vrai coût est l'usage de l'agent : chaque figure est une longue session de construction, d'audit et de capture d'écran dans les deux thèmes, et le projet ne publie aucun chiffre de tokens, alors budgétez à partir d'une figure d'essai sur votre propre offre.
Anatomy est-il sûr pour les données de l’entreprise ?
Pas de clés d'API ; le kit et les vérifications tournent sur votre machine, et les prompts vont uniquement au modèle que votre agent utilise déjà. La publication dans la galerie communautaire est optionnelle et n'ouvre une pull request GitHub qu'après que vous confirmiez ce qui sera envoyé.
Quelles sont les meilleures alternatives à Anatomy ?
Les alternatives les plus proches que nous avons testées sont Anthropic Skills, fireworks-tech-graph et OpenDesign.

Réponses vérifiées le 22 oct. 2026.