클로드스킬마트스킬 둘러보기바로 쓰는 문장영상으로 배우기터미널 사용법스킬이 뭐예요?
← 목록으로

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 환경에 익숙하고, 랜딩페이지용 인터랙티브 애니메이션을 직접 만들고 싶은 개발자

활용 예시

  1. "9:16 세로 6초 루프로 움직이는 로고 헤더 만들어 줘" → 스타일 선택 → 룩 스틸 1장 승인 → 이음새(마지막 프레임↔0프레임) 검사 후 MP4/APNG 출력.
  2. "우리 제품 스크린샷을 넣은 45초 런치 영상" → 3문장 스토리와 큐 테이블(120bpm·30fps = 1비트 15프레임) 작성 → 8초 음악 샘플 승인 → 전체 렌더 후 비트별 컨택트 시트 리뷰.
  3. "이 일러스트 스타일로 우리 캐릭터를 목판화 버전으로" → 스타일 모사 + 캐릭터 일관성 워크플로로 여러 매체에서 동일 인물 유지.

· · · 설치 가이드 · · ·

설치 없이 지금 한 번 써보기

아래를 Claude에 붙여넣으면 설치하지 않고도 이 스킬을 그대로 씁니다.

이 파일의 지시를 읽고 그대로 따라서 나를 도와줘:
https://raw.githubusercontent.com/alexgreensh/anidoodle/HEAD/skills/anidoodle/SKILL.md

내가 원하는 것: (여기에 하고 싶은 일을 쓰세요)

Claude가 링크를 열지 못하면, 링크를 직접 열어 내용을 복사해 붙여넣으세요.

↓ 쓸 만하면 아래에서 ZIP을 받아 설치하세요. 그러면 매번 붙여넣지 않아도 알아서 작동합니다.

Claude 앱에 설치 (터미널 필요 없음)
  1. 아래 버튼으로 ZIP 파일을 받으세요.
  2. Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
  3. Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.
↓ 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자가 만든 스킬입니다. 설치 전 원본 저장소를 한 번 확인하세요.

  1. Node.js(18 이상 권장)가 설치되어 있는지 확인합니다: node -v
  2. 저장소를 내려받습니다: git clone https://github.com/alexgreensh/anidoodle.git /tmp/anidoodle
  3. 스킬 폴더를 Claude 스킬 디렉터리로 복사합니다: mkdir -p ~/.claude/skills && cp -r /tmp/anidoodle/skills/anidoodle ~/.claude/skills/
  4. Claude Code를 재시작하고 /skills 또는 "anidoodle로 그림 만들어줘"처럼 요청해 스킬이 인식되는지 확인합니다.
  5. 실제 렌더링에는 프로젝트 생성이 필요합니다: node ~/.claude/skills/anidoodle/engine/tools/scaffold.mjs ~/art --film intro --format 9x16 --duration 180
  6. 생성된 폴더에서 의존성과 브라우저 엔진을 설치합니다: cd ~/art && npm install && npx playwright-core install chromium
  7. 첫 프레임을 뽑아 동작을 확인합니다: node tools/still.mjs intro --frame 0 --out out/look.png --scale 2
  8. 예제를 참고하고 싶다면 node ~/.claude/skills/anidoodle/engine/tools/scaffold.mjs ~/study --example로 47초 예제 영상을 받아 봅니다.
GitHub에서 원본 보기 ↗라이선스: Apache-2.0