Anatomy의 개요
Anatomy는 SKILL.md 파일이 든 폴더인 Agent Skill로, 코딩 에이전트에게 설명용 그림 그리는 법을 가르칩니다. 개념을 설명해 달라고 하면 그 개념대로 작동하는 물리적 물체를 고안합니다. 예를 들어 모든 입력이 일치할 때만 맞는 캐시 키를 핀 텀블러 자물쇠로 표현합니다. 그런 다음 음영을 넣은 작은 부품 수십 개로 아이소메트릭 뷰에서 조립하고, 제목, 힌트, 실시간 판독값이 있는 카드 안에 넣습니다.
그림은 독립 HTML, 단일 SVG 파일, 또는 React/Next.js 컴포넌트로 나오며, 라이트와 다크 테마를 지원합니다. 불, 물, 빛을 위한 선택적 WebGL 셰이더와 베타 단계의 3D 모드도 있습니다. 스킬은 이음매를 확대해 자신의 결과물을 점검합니다. 키트는 Node 내장 모듈만 쓰므로 API 키나 설치할 패키지가 없습니다.
`npx skills add wheresryan22/anatomy -g`로 설치하며 Claude Code, Codex, OpenCode, Antigravity, MiniMax Code에서 실행됩니다. MIT 라이선스이고, 1.1.0 버전은 2026년 10월 12일에 나왔습니다.
Anatomy, 쓸 만한 가치가 있습니까?
Anatomy는 프롬프트로는 담을 수 없는 것을 스킬이 담을 수 있음을 보여 줍니다. SKILL.md는 작업 흐름을 고정합니다(실제 수치를 모으고, 물체를 고안하고, 부품 목록을 쓰고, 기하를 한 번 만들고, 뒤에서 앞으로 칠한 다음, 감사합니다). 그리기는 의존성 없는 키트가 맡습니다. 아이소메트릭 카메라, 원형 부품과 파이프용 도우미, WebGL 계층, React 컴포넌트입니다. 결과로 돌아오는 것은 편집할 수 없는 모델의 그림이 아니라 사용자가 소유하는 소스, 즉 Node 빌드 스크 립트와 그것이 만드는 페이지입니다.
점검은 대부분의 스킬보다 엄격합니다. 키트의 감사는 어떤 부품도 다른 부품을 관통하지 않고 모든 끝이 받침에 놓여 있음을 증명합니다. 헤드리스 Chrome 스크립트는 근접 촬영을 해서 허공에서 끝나는 선이 있으면 실패 처리하며, 에이전트는 자신이 만든 PNG를 모두 읽으라는 지시를 받습니다. 그 엄격함이 곧 비용입니다. README는 일부러 느리다고 말합니다. Raptor 엔진 예제는 빌드만 몇 분이 걸리고, 부품 30개짜리의 전체 3D 궤도 감사는 15~20분이 걸립니다. 그림당 토큰 수는 공개되지 않아 팀이 직접 측정해야 합니다.
범위는 의도적으로 좁습니다. 축이나 데이터 계열이 없고, 사람이나 정확한 지도는 그리지 않으며, 만들 메커니즘이 없는 개념은 결과가 약합니다. 3D 모드는 자체 예제와 테스트 그림 하나로만 검증된 베타입니다. 부품 380개짜리 부하 테스트는 가로 1,440픽셀에서 초당 약 20프레임으로 돌았습니다. Codex에서는 샌드박스가 헤드리스 Chrome 점검을 막을 수 있어, 누군가 명령을 승인할 때까지 그림은 만들어졌지만 검증되지 않은 상태로 남습니다.
프로젝트는 아주 새롭습니다. 1.0.0은 2026년 10월 10일, 1.1.0은 이틀 뒤에 나왔으므로, 스타 19,000개는 실적보다 관심을 보여 줍니다. (밝혀 둡니다: 우리 AI 스택 페이지의 설명 그림은 이 키트로 그렸습니다.) 몇 분이면 만들고 라벨 붙은 상자로 설명하는 Mermaid 다이어그램과 달리, Anatomy는 긴 세션을 요구하고 움직이는 부품이 설명을 대신하는 그림 한 장을 돌려줍니다. 출시 페이지의 대표 그림이라면 남는 거래이고, 매주 바뀌는 내부 문서라면 손해 보는 거래입니다.
제 역할을 하 는 곳
API 회사의 데브렐 엔지니어
문서 랜딩 페이지에서 독자가 조작해 볼 수 있는 것으로 rate limiting 설명하기
실제 버킷 크기와 충전 속도를 넣어 /anatomy를 호출하면, 스킬이 물체를 고안하고 키트로 만들어 커밋할 독립 HTML 페이지를 씁니다. 기존 Claude Code나 Codex 요금제에서 그림당 긴 에이전트 세션 하나를 예상하십시오. 라이선스 비용은 없습니다.
Next.js 문서 사이트를 관리하는 프런트엔드 엔지니어
차트나 애니메이션 라이브러리를 들이지 않고 인터랙티브 그림 추가하기
React 출력을 요청합니다. 기하 모듈, 정적 그림용 서버 컴포넌트, 움직임용 클라이언트 컴포넌트 하나가 나옵니다. React 18+만 필요하며, 동작 줄이기 설정에서는 그림이 멈추므로 접근성 설정이 존중됩니다.
30명 규모 인프라 스타트업의 콘텐츠 책임자
일러스트레이터에게 맡기지 않고 출시 글에 쓸 독특한 대표 그림 얻기
엔지니어 한 명이 스킬을 돌리며 대화로 다듬으므로, 비용은 일러스트레이터 비용이 아니라 에이전트 사용량과 그 엔지니어의 세션입니다. 그림은 A4 포스터로 인쇄할 수도 있습니다. 위험은 물리적 메커니즘이 없는 개념으로, README는 그런 경우 결과가 약하다고 말합니다.
도입 전 확인할 점
- 설정
- `npx skills add wheresryan22/anatomy -g`로 설치하거나(skills CLI 1.7.1 버전은 Node 22.20+ 필요), 에이전트의 skills 폴더에 git clone합니다. 예제를 포함해 약 10 MB가 복사됩니다. 키트는 Node 20.10+, 자체 점검에는 Chrome 또는 Chromium이 필요합니다.
- 연동
- Agent Skills 형식으로 Claude Code, Codex($anatomy로 호출), OpenCode, Antigravity, MiniMax Code를 지원합니다. 출력은 독립 HTML, 단일 SVG, React/Next.js 컴포넌트, 또는 scripts/print.mjs를 통한 A4 PDF입니다.
- 데이터와 개인정보
- API 키가 없습니다. 키트와 점검은 로컬 머신에서 실행되고, 프롬프트는 에이전트가 이미 쓰는 모델로만 갑니다. 커뮤니티 갤러리 게시는 옵트인이며, 보낼 내용을 확인한 뒤에만 GitHub 풀 리퀘스트를 엽니다.
- 대규모 사용 시 비용
- MIT로 무료입니다. 실제 비용은 에이전트 사용량입니다. 모든 그림은 두 테마에서 빌드, 감사, 스크린숏을 반복하는 긴 세션이고, 프로젝트는 토큰 수치를 공개하지 않으므로 자신의 요금제에서 시험 그림 하나로 예산을 잡으십시오.
- 제한
- 차트 라이브러리가 아닙니다. 사람이나 정확한 지도는 없습니다. 셰이더에는 WebGL이 필요하고(없어도 SVG는 읽힙니다), 3D 모드는 베타이며, 부품 30개의 전체 3D 궤도 감사에는 15~20분이 걸립니다.
좋은 점
- 자체 기하와 스크린숏을 감사
- 편집 가능한 소스 제공: HTML, SVG, React
- npm 의존성 없음, Node 20.10+만 필요
- Agent Skills로 코딩 에이전트 5종에서 실행
아쉬운 점
- 세션이 길고 그림당 토큰 비용이 공개되지 않음
- 차트, 사람, 지도 없음
- 3D 모드는 베타이며 부품 380개 그림에서 약 20 fps
- Codex 샌드박스가 Chrome 점검을 막을 수 있음
추천 대상
문서, 글, 랜딩 페이지에 쓸 인터랙티브 설명 그림을 원하는 테크니컬 라이터와 개발자.
Anatomy 대안
Anatomy: 자주 묻는 질문
- Anatomy, 쓸 만한 가치가 있습니까?
- 개념을 독자가 멈춰서 만져 보게 되는 기계로 바꾸는 스킬이며, 그 대가로 길고 토큰을 많이 먹는 세션을 요구합니다. 평점은 5점 만점에 4.0점입니다.
- Anatomy의 가격은 얼마입니까?
- MIT 무료 오픈소스입니다. 이미 쓰는 에이전트 구독이나 API로 실행됩니다.
- Anatomy의 단점은 무엇입니까?
- 세션이 길고 그림당 토큰 비용이 공개되지 않음; 차트, 사람, 지도 없음; 3D 모드는 베타이며 부품 380개 그림에서 약 20 fps; Codex 샌드박스가 Chrome 점검을 막을 수 있음.
- Anatomy에 적합한 사람은 누구입니까?
- 문서, 글, 랜딩 페이지에 쓸 인터랙티브 설명 그림을 원하는 테크니컬 라이터와 개발자.
- 팀이나 프로덕션 환경에서 Anatomy의 비용은 얼마입니까?
- MIT로 무료입니다. 실제 비용은 에이전트 사용량입니다. 모든 그림은 두 테마에서 빌드, 감사, 스크린숏을 반복하는 긴 세션이고, 프로젝트는 토큰 수치를 공개하지 않으므로 자신의 요금제에서 시험 그림 하나로 예산을 잡으십시오.
- Anatomy에 회사 데이터를 맡겨도 안전합니까?
- API 키가 없습니다. 키트와 점검은 로컬 머신에서 실행되고, 프롬프트는 에이전트가 이미 쓰는 모델로만 갑니다. 커뮤니티 갤러리 게시는 옵트인이며, 보낼 내용을 확인한 뒤에만 GitHub 풀 리퀘스트를 엽니다.
- Anatomy의 가장 좋은 대안은 무엇입니까?
- 저희가 리뷰한 것 중 가장 가까운 대안은 Anthropic Skills, fireworks-tech-graph 및 OpenDesign입니다.
답변 확인일: 2026년 10월 22일.
Anatomy 개발사입니까? 이 평점을 사이트에 표시하십시오
