Anatomyの概要

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.

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.

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.

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.