Oubliez les boîtes : faites bouger le concept
Tous les outils de diagrammes que vous avez utilisés dessinent des boîtes et des flèches. Cette nouvelle compétence d'IA, appelée Anatomy, a une règle : ne faites pas cela. Son idée centrale est qu'un diagramme conventionnel montre seulement ce qui existe, tandis qu'une machine physique peut montrer comment un mécanisme se comporte.
Anatomy pousse l'IA à inventer une machine physique dont le mécanisme reflète votre concept. Une clé de cache devient une serrure à goupilles, où la bonne clé aligne les goupilles pour ouvrir la porte. Une poignée de main TCP est constituée de lettres passées le long d'une corde, et un cache LRU démontre les changements d'état au fur et à mesure de son exécution.
Ce ne sont pas des images statiques. Anatomy génère une machine interactive que vous pouvez toucher et manipuler. C'est une distinction cruciale par rapport à des outils comme Mermaid, D2, Excalidraw ou d'autres compétences de diagrammes d'architecture.
Ces outils dessinent la topologie, en cartographiant ce qui se connecte à quoi dans tout un système. Anatomy, cependant, explique un mécanisme – comment une seule chose se comporte. Il construit un modèle précis et restreint pour éclairer ce processus spécifique, et non pour cartographier l'architecture complète d'un système.
La partie intelligente se déroule avant le dessin
Le véritable génie d'Anatomy réside dans son approche « Truth First ». L'agent IA ne commence pas simplement à dessiner ; il rassemble d'abord toutes les règles et valeurs, puis construit un petit modèle mathématique pur du comportement du concept. Ce n'est qu'après cette modélisation rigoureuse qu'il planifie et dessine le visuel.
Cela signifie que les lectures interactives à l'écran sont directement reliées à ce modèle sous-jacent, et ne sont pas simplement simulées. Lorsque vous modifiez une commande sur un diagramme Anatomy, vous ne déclenchez pas une animation décorative ; vous mettez à jour l'état réel démontré en fonction des calculs du modèle.
Des vérifications géométriques sont également intégrées. Le système peut confirmer qu'aucun élément ne traverse d'autres parties ou que les connexions aboutissent là où elles le devraient. Il assure même un tri en profondeur isométrique approprié.
Cependant, une limite de validation cruciale existe : ces vérifications ne valident que l'image, pas les faits. L'agent peut confirmer que la géométrie est saine, mais il ne peut pas établir que les faits ou la métaphore elle-même sont réellement exacts. Une explication n'est vraie que dans la mesure où son analogie l'est. C'est pourquoi vous devriez toujours lire la métaphore avant de faire confiance au dessin.
Des pools de connexions aux moteurs de fusée
Alors, comment utiliser réellement cet outil ? Vous soumettez à l'agent un concept et son comportement, puis vous ajoutez des instructions comme « interactif ». La démo de la vidéo, par exemple, modélise un database connection pool de dix connexions, montrant comment elles sont empruntées, retournées et mises en file d'attente lorsque toutes sont occupées.
Anatomy est fourni avec plusieurs exemples intégrés qui démontrent son étendue. Ceux-ci incluent un simple indicateur à cadran, un ordinateur interactif sur lequel vous pouvez taper à l'écran, et un Raptor rocket engine détaillé qui explose en 11 assemblages avec un panache d'échappement WebGL. Cela démontre comment il s'adapte des dispositifs de base aux systèmes complexes.
Anatomy est une compétence d'agent open-source pour les agents de codage compatibles comme Claude Code, OpenAI Codex, OpenCode et Antigravity. Vous pouvez l'installer avec npx ou en clonant le dépôt. Pour plus de détails, consultez GitHub - wheresryan22/anatomy: An agent skill for creating detailed, interactive isometric illustrations.
Le résultat est un fichier HTML/SVG autonome ou un composant React, que vous pouvez piloter avec des options telles que le dark mode ou WebGL. Cela signifie que les développeurs peuvent facilement intégrer ces visuels dynamiques dans la documentation, les articles de blog ou les pages de destination, rendant les concepts abstraits véritablement interactifs.
Cet article vous plaît ? Recevez-en un comme celui-ci chaque matin.
un e-mail par jour · désinscription en deux clics · aucun traqueur tiers
Une explication brillante—avec un compteur de jetons
Les explications brillantes d'Anatomy ont un coût. Générer une figure interactive n'est pas un croquis rapide sur tableau blanc ; attendez-vous à un temps important et à une consommation de jetons significative. Une figure "normale" peut prendre 30 à 90 minutes, tandis qu'un rendu "Epic" peut consommer 2 à 4 heures, voire plus de 48 heures pour des conceptions très complexes. Les estimations varient considérablement, prévoyez donc votre budget en conséquence sur les plans avec facturation à l'usage.
Cet outil brille pour des cas d'utilisation spécifiques où une explication unique et interactive justifie l'effort. Envisagez-le pour :
- La documentation technique
- L'enseignement de concepts complexes
- Les pages de destination de produits
- Des articles de blog engageants
Abordez toujours le résultat avec un œil critique. Inspectez la métaphore physique sous-jacente : est-elle vraiment précise ? Testez l'interaction vous-même. Prévoyez un budget pour les révisions, car les auto-vérifications de l'IA valident l'intégrité géométrique, et non l'exactitude factuelle de l'analogie. Un audit visuel ne remplace pas un examen rigoureux du sujet.
Questions fréquemment posées
Qu'est-ce que la compétence Anatomy AI ?
Anatomy est une compétence d'agent open-source qui crée des machines illustrées et interactives pour expliquer le fonctionnement des concepts techniques.
En quoi Anatomy est-il différent des diagrammes Mermaid ?
Mermaid cartographie les composants et les connexions ; Anatomy construit une métaphore physique qui modélise un mécanisme et peut répondre à l'interaction.
Que génère Anatomy ?
Il peut produire une page HTML autonome avec des visuels SVG ou un composant React intégrable, avec WebGL en option ou de la 3D expérimentale.
Anatomy est-il rapide ou peu coûteux à utiliser ?
Pas nécessairement. Les figures complexes peuvent nécessiter de longues exécutions d'agent et des jetons substantiels, vérifiez donc la portée et le coût avant de commencer.
Anatomy peut-il vérifier que son explication est correcte ?
Il peut tester des aspects de la géométrie et de l'interaction, mais ces vérifications ne prouvent pas que la métaphore choisie ou l'explication technique est exacte.