프롬프트를 짧은 절차적 캔버스 애니메이션으로 만들고, 헤드리스 브라우저와 ffmpeg로 MP4를 렌더링하는 Claude Code 스킬입니다.
alexgreensh/anidoodle
코드로 32가지 스타일의 손그림 일러스트, 루프, 영상, 인터랙티브 웹 아트를 생성하며 매번 동일하게 렌더링합니다.
- 스타
- 1,389
- 포크
- 134
- 열린 이슈
- 5
- 마지막 커밋
- 어제
어떤 프로젝트인가요?
anidoodle은 코드만으로 일러스트, 드로잉 타임랩스, 애니메이션 루프, 런칭 영상, 인터랙티브 웹 일러스트를 만드는 에이전트 스킬 모음이자 렌더링 엔진입니다. 각 획은 순수 함수로 생성되고 음악은 데이터로 작성되므로, 어떤 기기에서든 어떤 크기로든 같은 소스로 동일한 이미지나 영상을 만들 수 있습니다.
이 프로젝트는 연필화와 수채화부터 리소그래프, 픽셀 아트, 목판화, 수묵화까지 32가지 드로잉 스타일을 지원합니다. 각 스타일은 해당 매체에서 작업하는 아티스트의 순서에 맞춰 그림이 완성되는 과정을 영상으로도 만듭니다. 출력 형식은 PNG, 생성된 음악이 포함된 MP4, GIF, 알파 채널이 포함된 WebM, 단일 파일로 실행 가능한 HTML입니다.
Claude Code, Codex, Grok Build용 플러그인으로 설치하거나, 스킬을 읽는 다른 에이전트에서는 일반 스킬 폴더로 설치할 수 있습니다. 포함된 Node CLI 도구는 스틸 이미지, 렌더링, 결정성 검사, 오디오 검사, 런칭 영상 패키징을 처리합니다. Node 20 이상이 필요하며, 동영상 출력에는 ffmpeg가 필요합니다.
핵심 기능
- 01코드로 일러스트와 애니메이션을 생성하며, 각 획은 순수 함수로 만들어집니다.
- 02수채화, 리소그래프, 픽셀 아트, 목판화 등을 포함한 32가지 드로잉 스타일을 제공합니다.
- 03해당 매체에서 작업하는 아티스트의 순서에 맞춰 그림이 그려지는 과정을 영상으로 렌더링합니다.
- 04장르별 어휘를 바탕으로 오리지널 음악을 작곡하며, 녹음된 악기 샘플을 선택적으로 사용할 수 있습니다.
- 05PNG, MP4, GIF, 알파 채널이 포함된 WebM, 단일 파일로 실행 가능한 HTML로 내보냅니다.
- 06Claude Code, Codex, Grok Build용 플러그인으로 설치할 수 있습니다.
활용 사례
- 하나의 스타일을 사용해 웹사이트나 제품 페이지용 일러스트를 일관된 세트로 제작하기.
- 원하는 화풍으로 애니메이션 스티커, 루프, 소셜 미디어 클립 만들기.
- 생성된 비주얼과 음악을 활용해 짧은 설명 영상이나 런칭 영상 제작하기.
- 웹 페이지에서 커서 움직임이나 입력 폼에 반응하는 인터랙티브 일러스트 삽입하기.
사용 전 알아둘 점
- 실제 녹음된 악기 소리를 사용하려면 선택 사항인 373 MB 사운드 팩을 다운로드해야 합니다. 다운로드하지 않으면 음악은 합성음만 사용합니다.
포함된 컬렉션
토픽
자주 묻는 질문
- anidoodle은(는) 무엇인가요?
- 코드로 32가지 스타일의 손그림 일러스트, 루프, 영상, 인터랙티브 웹 아트를 생성하며 매번 동일하게 렌더링합니다. anidoodle은 코드만으로 일러스트, 드로잉 타임랩스, 애니메이션 루프, 런칭 영상, 인터랙티브 웹 일러스트를 만드는 에이전트 스킬 모음이자 렌더링 엔진입니다. 각 획은 순수 함수로 생성되고 음악은 데이터로 작성되므로, 어떤 기기에서든 어떤 크기로든 같은 소스로 동일한 이미지나 영상을 만들 수 있습니다.
- anidoodle은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- anidoodle은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- anidoodle은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. anidoodle의 마지막 커밋은 2026년 11월 5일입니다.
- anidoodle은(는) 어디에 사용할 수 있나요?
- 하나의 스타일을 사용해 웹사이트나 제품 페이지용 일러스트를 일관된 세트로 제작하기. 원하는 화풍으로 애니메이션 스티커, 루프, 소셜 미디어 클립 만들기. 생성된 비주얼과 음악을 활용해 짧은 설명 영상이나 런칭 영상 제작하기. 웹 페이지에서 커서 움직임이나 입력 폼에 반응하는 인터랙티브 일러스트 삽입하기.
- anidoodle은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/alexgreensh/anidoodle
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
그림과 다이어그램을 실제로 움직이게 만드는 코드 기반 애니메이션 에이전트 스킬
프레임과 음악을 모두 코드로 생성해 영상을 만드는 Claude Code 스킬 모음으로, 시각 스타일마다 스킬 하나를 제공합니다.
짧은 테마를 비트에 맞춘 모션 그래픽 영상으로 만들고 HyperFrames로 MP4 렌더링하는 Claude Code 스킬입니다.
p5.js와 p5.brush로 Claude를 활용해 손그림풍 만화 캐릭터를 애니메이션화하는 스타터 키트
영상 생성 모델 없이 51가지 스타일로 단편 영화를 연출하는 Claude Code 스킬