Anatomy (한국어)
출처: https://github.com/wheresryan22/anatomy — MIT © 2026 Ryan. 원본 영어 버전은 이 디렉토리의
SKILL.en.md를 참조하세요; 상세 분석은PHAN-TICH.md를 참조하세요.
용도
기술적 아이디어를 실제로 작동하는 물체로 구축하여 설명합니다. 캐시 키는 모든 걸쇠가 맞물릴 때만 돌아가는 자물쇠가 되고, 여러 캔버스를 서비스하는 GPU 컨텍스트는 16개의 웰을 방문하는 단일 헤드 3D 프린터가 됩니다. 결과물은 단단한 등각 투영(isometric) 형태의 수많은 세부 부품들로 구성되며, 4톤 쉐이딩과 직접 읽을 수 있는 수치를 갖춘 카드 프레임에 담겨 마우스와 키보드에 부드럽게 반응합니다.
세 가지 유형(공통 키트, 카메라, 제작 규칙 사용):
| 유형 | 설명 |
|---|---|
| SVG | 핵심. 단단한 등각 투영 부품, 4톤 쉐이딩, 뒤에서 앞으로 그리기, 직접 수치가 포함된 카드. 독립 실행형 HTML, 내장 CSS .svg, 또는 React/Next.js로 내보내기. |
| SVG + WebGL | SVG로 표현할 수 없는 효과: 불, 배기 가스, 물, 코스틱, 조명, 글로우, 수증기. 셰이더가 SVG 레이어 사이의 캔버스에서 실행되며 동일한 등각 투영 카메라를 공유합니다. |
| 3D (베타) | 실제 3D 회전: 숫자 회전, 손가락 접힘, 자유 낙하 부품. 나머지는 정적입니다. |
설치
npx skills add wheresryan22/anatomy -g
# 또는 -a claude-code / -a antigravity / -a opencode / -a codex / -a minimax-code
- 설치 위치:
~/.claude/skills/anatomy(Claude Code),~/.config/opencode/skills/anatomy(OpenCode),~/.agents/skills/anatomy(Codex) 등. 또는 스킬 디렉토리에 직접git clone할 수 있습니다. - 요구사항: Node.js ≥ 20.10 (내장 모듈만 사용, 0 의존성), 자체 테스트를 위한 Chrome/Chromium (headless, 표준 경로에서 찾거나
CHROME_PATH설정). React 출력에는 React 18+만 필요합니다.
사용법
/anatomy explain how a token bucket rate limiter works, interactive
- 스킬 이름을 명시적으로 호출할 필요 없음: "isometric illustration", "문서/블로그/랜딩 페이지용 figure"를 요청하면 에이전트가 자동으로 활성화됩니다. Codex에서는
$anatomy를 사용합니다. - 좋은 그림을 위한 3가지 습관: (1) 아이디어를 말하고, 그림을 설명하지 마십시오; 실제 수치(크기, 개수, 속도, 임계값)를 포함하세요. (2) 이미 알고 있는 물체(에스프레소 머신, 분젠 버너, 자물쇠)를 언급하고 무엇이 움직이는지 말하세요. (3) 그림이 어디에서 사용될지(HTML / SVG / React, 밝은 테마 또는 어두운 테마) 말하세요.
- 인쇄 버전 요청 가능:
node scripts/print.mjs sheet.mjs --format all은 A4 PDF(포스터, 기술 도면, 2페이지 설명서)를 작성합니다.
스킬 내부 프로세스
- 실제 데이터 수집 → 2. 물체 발명 → 3. 부품 목록 작성 → 4. 키트로 기하학 한 번 계산 → 5. 뒤에서 앞으로 채색 → 6. 프레임에 담기 → 7. 애니메이션 적용 → 8. 비평가처럼 자체 검사: 기하학 감사 (
build.mjs --audit: 부품 간 관통 없음, 모든 끝이 올바르게 연결됨, 깊이 순서에 따른 겹침 확인), headless Chrome 캡처 (capture.mjs,drive.mjs), 떠 있는 점선 확인 (lines.mjs), 3D 확인 (turn-check.mjs). 에이전트는 생성된 모든 PNG를 읽어야 합니다.
장점
- 매우 높은 품질의 그림, 자체 검증 시스템(감사 + 캡처 + 접촉 시트) — 실제 자체 검사 루프를 가진 일러스트레이션 스킬은 드뭅니다.
- 의존성 없음, API 키 불필요; 내장 Node.js 키트.
- 5가지 에이전트 CLI(Claude Code, Antigravity, OpenCode, Codex, MiniMax Code)를 Agent Skill 표준으로 지원합니다.
- 저장소에 완전한 예제가 포함되어 있으며, 커뮤니티 갤러리 웹사이트, PDF 포스터 내보내기 지원.
단점
- 의도적으로 느림: 하나의 figure는 긴 세션(부품 생성, 감사, 2개 테마의 클로즈업 캡처)입니다. Raptor 빌드는 몇 분 소요; 30개 부품의 3D 감사는 15-20분 소요.
- 차트 라이브러리가 아님: 축, 시리즈, 데이터 플롯이 없습니다.
- 기계, 도구, 가구만 그림 — 사람, 정확한 지도는 그리지 않음; '메커니즘'이 없는 아이디어는 약한 그림이 생성됩니다.
- 3D 모드는 아직 베타; 셰이더는 WebGL 필요(WebGL이 없으면 SVG는 여전히 읽을 수 있음).
Limix Bot과의 적합성
문서, 보고서, 설명 페이지를 위한 대화형 기술 개념 설명 그림이 필요할 때 매우 적합합니다(hub의 answer-me-with-html 스킬과 방향이 같습니다). 빠른 답변이나 데이터 분석에는 적합하지 않음 — 오히려 콘텐츠 제품을 위한 '스토리텔링 무기'에 가깝습니다. 빌드 시간이 길다는 점에 유의하여 별도의 스레드에서 전용 태스크로 사용하고 일반 채팅에 섞지 마십시오.
안전성
로컬에서 실행되는 Node.js 스크립트(빌드/감사/캡처)를 포함한 순수한 안내 스킬입니다. 스크립트는 HTML/SVG/PDF만 생성하며 빌드 시 외부 서비스를 호출하지 않습니다. 테스트 부분은 로컬 headless Chrome을 실행합니다. 허브 규칙에 따라: 도구 포함 → 검토 상태, 봇 소유자가 활성화 전에 승인.