생물학 개념을 인터랙티브 과학 도표로 바꿔주는 Claude Code 스킬을 만들었습니다
I built a Claude Code skill that turns biology concepts into interactive scientific figures
핵심 요약
Claude Code를 활용해 복잡한 생물학적 과정을 인터랙티브한 SVG 도표로 자동 생성하는 오픈소스 도구 'Anima'를 개발했습니다.
- Anima 스킬 — 생물학적 메커니즘을 인터랙티브 HTML 도표로 시각화함
- 자동화 워크플로우 — 과학적 참조 수집부터 SVG 생성 및 검증까지 수행함
- 오픈소스 공개 — MIT 라이선스로 누구나 무료로 사용 및 설치 가능함
- 교육적 활용 — 애니메이션과 설명을 포함해 복잡한 개념을 쉽게 전달함

Claude Code 전용으로 만든 오픈소스 스킬인 Anima를 개발해 봤다.
아이디어는 간단하다. Claude한테 생물학적 과정을 줄글이나 정적인 다이어그램으로 설명해달라고 하는 대신, 인터랙티브한 과학 도표를 직접 만들게 시키는 거다.
예를 들어, 도파민 수송체에 여러 자극제가 작용할 때 도파민 시냅스에서 무슨 일이 일어나는지 시각화해달라고 요청할 수 있다.
Claude Code는 이 스킬의 워크플로우를 따라 과학적 참고 자료를 수집하고, 메커니즘을 모델링한 뒤, 등각 투영 SVG 지오메트리를 생성해서 독립적인 인터랙티브 HTML 페이지를 빌드한다. 이렇게 만들어진 도표는 시각적, 생물학적 일관성을 검증받는다.
도파민 수용체, 자극제, 보상 회로, 세마글루타이드, 에스트로겐 신호 전달, 신경 전도까지 총 6가지 예시를 포함해 뒀다.
도표에는 인터랙티브 컨트롤, 애니메이션, 설명, 인용구가 다 들어있다. 정립된 메커니즘이랑 단순화되거나 불확실한 모델을 구분해서 보여주기도 한다.
스킬 자체는 무료고 MIT 라이선스다. 별도로 설치할 필요 없이 브라우저에서 바로 라이브 도표를 구경할 수 있다.
라이브 갤러리: https://anima.arcumet.com
소스 코드 및 설치 방법: https://github.com/Garinmckayl/anima
이런 방식의 과학적 시각화에 대해 다른 Claude 사용자들은 어떻게 생각할지 진짜 궁금하다.

