AI_Animation
무엇인가
AI_Animation은 'HTML 한 파일로 끝나는 시각 자료'를 만드는 작업을 규율하는 스킬 묶음이다. 대상 산출물은 외부 이미지나 빌드 도구 없이 브라우저에서 바로 열리는 단일 HTML이며, 스킬은 무엇을 어떤 순서로 배치할지, 어떤 테마와 타이포그래피를 쓸지, 요소가 언제 어떤 방식으로 등장할지를 규정한다. 다루는 영역은 PPT식 발표, 순서도·개념도, 네트워크 프로토콜 시각화, 시스템 아키텍처 다이어그램, 필기 노트 스타일 문서, 카드 캐러셀 내러티브, 휴대폰 UI 시연, 영상 콘티 시연이다.
어떻게 동작하나
각 스킬은 자체 완결형 폴더다. SKILL.md에 에이전트 실행 지시가, README.md에 사람용 문서가, references/에 프롬프트 참고 자료가, assets/에 템플릿 HTML이 들어간다. 별도 슬래시 명령을 입력하지 않아도 사용자 설명의 키워드에 따라 해당 스킬이 자동 활성화되며, assets/ 안의 기존 템플릿을 기준으로 내용만 갈아 끼우는 재구성 방식도 지시문에 포함된다. 테마 이름, 색상 코드, 컴포넌트 목록, 금지 사항(예: 이모지 사용 금지)이 파일에 명시돼 매 실행마다 같은 규칙이 적용된다.
무엇과 다른가
프롬프트를 매번 직접 작성하는 방식과 달리 테마·색상·컴포넌트 규칙이 파일로 고정돼 결과가 재현된다. CLAUDE.md나 AGENTS.md 같은 단일 규칙 파일이 프로젝트 전반의 코딩 관습을 다루는 것과 달리, 이 저장소는 산출물 종류별로 스킬이 분리돼 있어 필요한 것만 골라 붙일 수 있다. 같은 저장소 안에서도 flowchart는 교육용 시각화에, dynamic-archify는 내보내기 가능한 엔지니어링 다이어그램에 초점을 두는 식으로 역할이 나뉜다.
어떻게 쓰나
README에는 별도 설치 명령이 제시되지 않는다. 각 스킬 폴더를 에이전트가 스킬로 인식하는 위치에 두고, 첫 요청에서 만들고 싶은 산출물을 자연어로 설명하면 해당 스킬이 활성화된다. 예를 들어 발표 자료를 요청하면 ppt-animation이, 프로토콜 동작을 요청하면 network-protocol-viz가 선택되며, 기존 템플릿 파일을 지정해 그 형식을 따르게 할 수도 있다.
전제와 한계
WorkBuddy, Claude Code, Cursor 등 SKILL.md를 읽는 에이전트에서 동작한다. 산출물이 단일 HTML이므로 서버나 빌드 파이프라인이 필요한 작업에는 맞지 않는다. dynamic-archify의 Node.js 렌더러와 JSON Schema 검증, PNG·GIF·WebM 내보내기는 Node 환경이 있을 때만 쓸 수 있고, 그 외 스킬은 브라우저만으로 결과를 확인하는 구조다.