Anatomy - 기술 개념을 움직이는 입체 도해로 만드는 AI 에이전트 스킬

무슨 일이 있었나

Anatomy는 Claude 같은 AI에게 기술 개념을 설명하는 그림을 요청하면, 그 개념을 실제로 작동하는 물건으로 바꿔서 보여 줍니다. 예를 들어 '변경이 없을 때만 작업을 건너뛰는 캐시 키'는 모든 핀이 맞아야만 열리는 자물쇠 그림이 됩니다. 그림은 작은 부품 수십 개로 이루어진 입체 도형이고, 마우스나 키보드로 움직일 수 있습니다. Claude Code, Antigravity, OpenCode, Codex, MiniMax Code에서 쓸 수 있습니다.

핵심 사실

• 설치 명령은 npx skills add wheresryan22/anatomy -g 한 줄입니다.
• Node.js 20.10 이상이 필요하고, 외부 의존성(추가 라이브러리)은 0개입니다.
• 그림은 SVG, WebGL, 3D 방식으로 만들어집니다.
• 라이선스는 MIT입니다.

쉽게 알아보기

SVG는 그림을 점과 선의 수학 식으로 그리는 방식입니다. WebGL은 웹 브라우저에서 그래픽 카드를 써서 화려한 빛과 색을 그리는 기술입니다. 스킬은 AI가 이 재료로 그림을 만들고, 스스로 확대해서 이음새까지 확인하도록 설계되어 있습니다.

왜 중요한가

어려운 기술 개념을 눈으로 보고 손으로 움직여 볼 수 있으면 이해가 훨씬 쉬워집니다. 그림 속 숫자도 실제 계산 모델에서 나오기 때문에, 설명과 결과가 어긋나지 않습니다.

앞으로 지켜볼 점

• 다른 AI 에이전트에서도 같은 명령이 잘 작동하는지
• 그림이 얼마나 정확하게 실제 개념을 보여 주는지
• 프로젝트 한계(Limits) 항목에 어떤 제약이 적혀 있는지