Outil d'IA

Anatomy : présentation

Anatomy est une compétence d’agent open source qui guide les agents de programmation pour créer des illustrations interactives, fondées sur du code, qui représentent des concepts sous forme de mécanismes physiques fonctionnels.

shipped 23 oct. 2026freemium

Domain rating31

Pourquoi c'est important

1Composant open source pour les workflows des agents de programmation

2Compatible avec Claude Code, Antigravity, OpenCode, Codex et MiniMax Code

3Génère des visualisations basées sur TypeScript pour le Web et React

4Propose des modes de visualisation en SVG, WebGL et 3D

À propos de Anatomy

Plateformes

Web, React

Public cible

Educators and developers needing visual explanations of concepts.

API Docs GitHubOpen Source

overview

Qu’est-ce qu’Anatomy ?

Anatomy est un outil de compétence pour agents d’IA qui permet aux enseignants et aux développeurs de créer des illustrations interactives, fondées sur du code, représentant des concepts sous forme de mécanismes physiques fonctionnels. Il guide les agents de programmation dans la création d’animations de machines avec affichage de nombres en temps réel, et produit des formats SVG, WebGL ou 3D. Le projet est open source et prend en charge TypeScript, les sorties sans framework et les composants React personnalisés.

features

Fonctionnalités clés d’Anatomy

Anatomy guide les agents de programmation compatibles afin qu’ils représentent des concepts sous forme de mécanismes physiques interactifs. Les options de sortie documentées incluent les technologies Web et plusieurs modes de visualisation.

Animations de machines interactives
Affichage de nombres en temps réel dans les animations
Sorties TypeScript sans framework
Composants React personnalisés
Mode de visualisation SVG
Mode de visualisation WebGL
Mode de visualisation 3D
Workflow de compétence d’agent pour Claude Code, Antigravity, OpenCode, Codex et MiniMax Code

use cases

À qui s’adresse Anatomy ?

Anatomy s’adresse aux enseignants et aux développeurs qui ont besoin d’explications visuelles de concepts, notamment d’illustrations interactives intégrées au Web ou à des projets React.

Enseignants créant des schémas pédagogiques et des explications interactives
Développeurs produisant des illustrations techniques de concepts
Auteurs créant des explications visuelles pour des pages Web
Développeurs React intégrant des composants personnalisés et interactifs représentant des mécanismes

how to use

Comment utiliser Anatomy

Commencez par consulter la documentation de la compétence Anatomy, puis utilisez un agent de programmation compatible pour demander une illustration d’un concept. L’agent peut produire une sortie basée sur TypeScript dans un mode de visualisation adapté au projet.

1Consultez la documentation d’Anatomy à l’adresse https://skills.wheresryan.sh/anatomy.
2Configurez la compétence dans un environnement d’agent de programmation compatible.
3Décrivez le concept ainsi que le mécanisme physique ou l’interaction à illustrer.
4Précisez l’approche de sortie souhaitée, par exemple du TypeScript sans framework ou un composant React personnalisé.
5Choisissez le format SVG, WebGL ou 3D selon les besoins.
6Vérifiez l’illustration générée et son comportement interactif dans le projet Web cible.

pricing

Tarifs et formules d’Anatomy

Anatomy est indiqué comme freemium, mais les informations produit disponibles ne précisent ni les prix, ni les noms des formules au-delà de cette mention, ni le contenu de chaque niveau. Le projet comporte également une composante open source ; consultez sa documentation officielle pour connaître les modalités d’accès et de licence en vigueur.

Freemium : prix et limites incluses non précisés

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

Pros

+Supports several visualization modes: SVG, WebGL, and 3D
+Can produce framework-free TypeScript output or custom React components
+Includes interactive machine animations and real-time number displays
+Works with five named coding agents: Claude Code, Antigravity, OpenCode, Codex, and MiniMax Code
+Has an open-source component

Cons

−No API is listed as available in the product information
−The product information does not specify prices or freemium-tier limits
−The documented modality is text; image or audio input is not specified
−Physical-mechanism illustrations are a narrower focus than general-purpose diagramming tools

Outils similaires

Anatomy face à ses concurrents

Anatomy se concentre sur la représentation de concepts sous forme de mécanismes physiques fonctionnels. Les alternatives ci-dessous mettent plutôt l’accent sur les diagrammes d’architecture logicielle, les diagrammes 2D classiques, les articles techniques narratifs ou les animations scriptées.

Archify↗

Generates interactive, verifiable architecture and system diagrams (sequence, data flow, lifecycles) as standalone HTML with trace animations directly from your codebase or prompt.

You trade Anatomy's physical mechanical metaphors (gears, pistons, isometric hardware) for traditional software architecture components and system flows. It runs in the same agent skill workflow without requiring heavy 3D or WebGL runtimes.

Diagram Design↗

Draws 45 standard diagram types as self-contained HTML and SVG files linted to your own brand fonts and color palette.

You get clean 2D editorial graphics (quadrants, workflows, flows) rather than interactive physical machines. It avoids the long token burn and complex geometry self-checks of multi-part mechanical rendering.

Moonshine↗

Guides coding agents through story discovery to compile full explorable technical articles and reactive D3/React visualizations inspired by Distill.pub.

Moonshine frames technical concepts through narrative text paired with data-driven interactives rather than standalone skeletal machinery. The authoring scope is larger, making it slower for quick single-figure visual cards.

Manim↗

A programmatic Python animation engine designed to teach mathematical and algorithmic ideas through precise, code-directed motion.

You get cinematic scripted video or canvas animations instead of an isometric clickable widget in an HTML/React page. You also give up natural-language agent orchestration out of the box, requiring you to prompt your agent to write Python script files instead of using a native CLI slash command.

Plus sur Stork

Outils IA connexes

Autres outils de cette catégorie, rapprochés par tags communs

CozyClay 3.0 Arena AI Qwen Phonon-2 Erly Voicy

Visiter Anatomy↗

Contact

𝕏

X / Twitterx.com/wheresryan22

⌘

GitHubgithub.com/wheresryan22/anatomy