AI Briefing추천anatomy: 기술 개념을 실제 기계처럼 움직이는 인터랙티브 도면으로
wheresryan22/anatomy
·2026.10.11 21:11
프로젝트 소개
추상적인 기술 개념을 실제 작동하는 기계나 장치로 변환해 시각화한다. 캐시 키를 자물쇠로, GPU 컨텍스트를 플롯터로 치환하는 식으로 원리를 물리적으로 표현하며, SVG와 WebGL, 3D 렌더링을 결합해 정교한 등각 투시도를 생성한다.
생성된 도형은 수십 개의 세부 부품으로 구성되며 마우스와 키보드 입력에 따라 부드럽게 움직인다. 모든 수치와 동작은 동일한 내부 모델에 의해 제어되므로 시각적 정확성이 보장되며, 문서나 랜딩 페이지에 바로 삽입할 수 있는 HTML, SVG, React 컴포넌트 형태로 출력된다.
Claude Code의 Agent Skill로 동작하며 별도의 API 키나 npm 설치 없이 Node.js 기본 모듈만으로 실행된다. 복잡한 파이프라인이나 유체 역학 같은 시각적 디테일이 필요한 기술 문서나 교육 자료 제작에 적합하다.
GitHub 저장소
wheresryan22/anatomy
An agent skill for creating detailed, interactive isometric illustrations of real-world machines and complex systems. Generates polished SVGs with optional WebGL shaders and 3D effects.
JavaScript
이 한국어 소개글은 AI가 자동으로 만들었습니다. 원문의 주장과 맥락은 원문에서 확인해 주세요. 저작권은 원저작자에게 있습니다.