anidoodle — 코드로 그리는 그림·영상 스튜디오
이미지 생성 없이 순수 코드만으로 스틸·루프·영상·인터랙티브 애니메이션과 배경음악까지 31가지 스타일로 만들어 주는 제작 파이프라인 스킬.
이미지·영상중급★ 468⑂ 36AI 점수 9/10마지막 업데이트: 2026. 9. 25.
무엇을 해주나
- 한 프레임을 그리는 순수 함수와 오디오 샘플을 합성하는 함수로 그림·영상·사운드를 전부 코드로 생성합니다. 같은 소스는 어떤 컴퓨터에서든 같은 픽셀과 같은 소리를 만듭니다(결정론적, 생성 에셋·다운로드 없음).
- 시작 시 인테이크 질문(무엇을·어떤 스타일로·어떤 비율로·길이·사운드·캐릭터)을 하나씩 물어 브리프를 먼저 작성합니다.
- 스틸(히어로/포스터/카드), 그려지는 과정 타임랩스, 루프·스티커·움직이는 로고, 장편 스토리 영상, 설명형 인포그래픽, 런치 영상, UI에 반응하는 웹 애니메이션, 드로잉 레슨까지 목적별 워크플로가 나뉘어 있습니다.
- 31개 스타일 플레이트, 캐릭터 일관성 유지, 사용자가 준 이미지의 스타일 모사, 섹션별 무드를 가진 악보 작곡을 지원합니다.
scaffold.mjs(프로젝트 생성),still.mjs(프레임+해시),render.mjs(MP4/GIF/WebM),gate.mjs(결정론·계약·정적 구간 검사),emit.mjs(단일 HTML 플레이어),music.mjs(스코어 렌더·측정) 등의 도구를 제공합니다.- 승인은 최대 3회로 제한하고, "엘립스 조립된 형태·팔레트만 바꾼 스타일·페이드로 때우는 연출" 같은 실패 신호를 체크하는 크래프트 바로 품질을 관리합니다.
이런 분께 추천
- 브랜드 비주얼이나 SNS용 짧은 영상을 재현 가능한 방식으로 반복 생산하고 싶은 디자이너·크리에이터
- 스톡·AI 생성 이미지를 쓸 수 없어 라이선스 걱정 없는 코드 기반 그래픽이 필요한 팀
- 캔버스/Node 환경에 익숙하고, 랜딩페이지용 인터랙티브 애니메이션을 직접 만들고 싶은 개발자
활용 예시
- "9:16 세로 6초 루프로 움직이는 로고 헤더 만들어 줘" → 스타일 선택 → 룩 스틸 1장 승인 → 이음새(마지막 프레임↔0프레임) 검사 후 MP4/APNG 출력.
- "우리 제품 스크린샷을 넣은 45초 런치 영상" → 3문장 스토리와 큐 테이블(120bpm·30fps = 1비트 15프레임) 작성 → 8초 음악 샘플 승인 → 전체 렌더 후 비트별 컨택트 시트 리뷰.
- "이 일러스트 스타일로 우리 캐릭터를 목판화 버전으로" → 스타일 모사 + 캐릭터 일관성 워크플로로 여러 매체에서 동일 인물 유지.
· · · 설치 가이드 · · ·
설치 없이 지금 한 번 써보기
아래를 Claude에 붙여넣으면 설치하지 않고도 이 스킬을 그대로 씁니다.
이 파일의 지시를 읽고 그대로 따라서 나를 도와줘: https://raw.githubusercontent.com/alexgreensh/anidoodle/HEAD/skills/anidoodle/SKILL.md 내가 원하는 것: (여기에 하고 싶은 일을 쓰세요)
Claude가 링크를 열지 못하면, 링크를 직접 열어 내용을 복사해 붙여넣으세요.
↓ 쓸 만하면 아래에서 ZIP을 받아 설치하세요. 그러면 매번 붙여넣지 않아도 알아서 작동합니다.
Claude 앱에 설치 (터미널 필요 없음)
- 아래 버튼으로 ZIP 파일을 받으세요.
- Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
- Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.
Claude Code에 설치
Claude에게 맡기기 — 아래 문장을 Claude Code에 붙여넣으세요
클로드스킬마트에서 찾은 스킬을 설치해줘. GitHub 저장소 alexgreensh/anidoodle 의 skills/anidoodle 폴더를 내 ~/.claude/skills/alexgreensh-anidoodle/ 에 그대로 복사해줘. 설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.
직접 명령으로 설치하기
git clone https://github.com/alexgreensh/anidoodle.git /tmp/anidoodle && mkdir -p ~/.claude/skills && cp -r /tmp/anidoodle/skills/anidoodle ~/.claude/skills/⚠ 제3자가 만든 스킬입니다. 설치 전 원본 저장소를 한 번 확인하세요.
- Node.js(18 이상 권장)가 설치되어 있는지 확인합니다:
node -v - 저장소를 내려받습니다:
git clone https://github.com/alexgreensh/anidoodle.git /tmp/anidoodle - 스킬 폴더를 Claude 스킬 디렉터리로 복사합니다:
mkdir -p ~/.claude/skills && cp -r /tmp/anidoodle/skills/anidoodle ~/.claude/skills/ - Claude Code를 재시작하고
/skills또는 "anidoodle로 그림 만들어줘"처럼 요청해 스킬이 인식되는지 확인합니다. - 실제 렌더링에는 프로젝트 생성이 필요합니다:
node ~/.claude/skills/anidoodle/engine/tools/scaffold.mjs ~/art --film intro --format 9x16 --duration 180 - 생성된 폴더에서 의존성과 브라우저 엔진을 설치합니다:
cd ~/art && npm install && npx playwright-core install chromium - 첫 프레임을 뽑아 동작을 확인합니다:
node tools/still.mjs intro --frame 0 --out out/look.png --scale 2 - 예제를 참고하고 싶다면
node ~/.claude/skills/anidoodle/engine/tools/scaffold.mjs ~/study --example로 47초 예제 영상을 받아 봅니다.
GitHub에서 원본 보기 ↗라이선스: Apache-2.0