Anatomy는 코딩 에이전트가 개념을 실제로 작동하는 물리적 메커니즘으로 표현한 인터랙티브 코드 기반 일러스트레이션을 만들도록 안내하는 오픈 소스 에이전트 스킬입니다.
핵심 포인트
GitHub
overview
Anatomy는 교육자와 개발자가 개념을 실제로 작동하는 물리적 메커니즘으로 표현한 인터랙티브 코드 기반 일러스트레이션을 만들 수 있도록 지원하는 AI 에이전트 스킬 도구입니다. 코딩 에이전트가 실시간 숫자 표시 기능이 있는 기계 애니메이션을 만들도록 안내하며, SVG, WebGL 또는 3D 형식으로 출력합니다. 이 프로젝트는 오픈 소스이며 TypeScript, 프레임워크를 사용하지 않는 출력, 사용자 지정 React 컴포넌트를 지원합니다.
features
Anatomy는 호환되는 코딩 에이전트가 개념을 인터랙티브한 물리적 메커니즘으로 표현하도록 안내합니다. 문서에 명시된 출력 옵션에는 웹 기술과 여러 시각화 모드가 포함됩니다.
use cases
Anatomy는 웹 또는 React 프로젝트에서 제공되는 인터랙티브 일러스트레이션을 포함해 개념을 시각적으로 설명해야 하는 교육자와 개발자를 위한 도구입니다.
how to use
Anatomy 스킬 문서부터 살펴보고, 지원되는 코딩 에이전트에 개념 일러스트레이션을 요청하세요. 에이전트는 프로젝트에 적합한 시각화 모드로 TypeScript 기반 출력을 생성할 수 있습니다.
pricing
Anatomy는 프리미엄(freemium)으로 표시되어 있지만, 제공되는 제품 정보에는 가격, 프리미엄 표기 외의 요금제 이름, 각 요금제에 포함된 항목에 대한 세부 정보가 없습니다. 이 프로젝트에는 오픈 소스 구성 요소도 있으므로, 현재의 이용 및 라이선스 세부 정보는 공식 문서를 확인하세요.
이 글이 마음에 드셨나요? 매일 아침 이런 글을 메일로 받아보세요.
하루 한 통 · 두 번의 클릭으로 구독 취소 · 제3자 추적 없음
유사한 도구
Anatomy는 개념을 실제로 작동하는 물리적 메커니즘으로 표현하는 데 초점을 둡니다. 아래 대안들은 대신 소프트웨어 아키텍처 다이어그램, 일반적인 2D 다이어그램, 서술형 기술 문서 또는 스크립트 기반 애니메이션을 중점적으로 다룹니다.
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.
Stork에서 더 보기
같은 카테고리의 다른 도구 — 공통 태그로 연결
쓸 만한 도구만 담은 하루 한 통의 짧은 이메일. 드립 퍼널은 없습니다.
하루 한 통 · 두 번의 클릭으로 구독 취소 · 제3자 추적 없음
