회화적 및 일러스트레이션 애니메이션 — Kurzgesagt 스타일의 평면 과학 설명 영상(내부 탐구, 규모, 메커니즘)과 다양한 미술사 스타일(반 고흐, 모네, 리히텐슈타인, 쿠사마, 마티스, 입체파, 수묵화, 8비트, 로마 모자이크, 동굴 벽화, 페르시아 세밀화 등)을 제작합니다. huashu-art-motion 캔버스 엔진을 사용하여 커스텀 씬을 그리고, MP4를 렌더링한 후 HyperFrames에서 조립 및 스코어링합니다. 또한 손으로 그린 2D 애니메이션을 위한 claude-animation 플러그인도 포함합니다.
video-studio란 무엇인가요?
이 스킬은 개발자와 AI 에이전트가 예술적이고 설명적인 애니메이션 비디오를 제작할 수 있도록 지원합니다. 주로 Kurzgesagt 스타일의 평면 과학 설명 영상과 반 고흐, 모네, 리히텐슈타인 등 다양한 미술사 스타일의 애니메이션을 만드는 데 초점을 맞춥니다. 핵심 엔진은 `huashu-art-motion`으로, 프레임 단위로 렌더링되는 결정론적 캔버스 엔진(`window.renderFrame(t)`)이며 PAINT, TOON, CAM 라이브러리를 제공합니다. 또한 수묵화나 워터컬러 느낌의 손그림 2D 애니메이션을 위한 claude-animation 플러그인도 지원합니다. 완성된 클립은 HyperFrames에서 조립되어 자막, 사운드, 최종 렌더링이 이루어집니다. 워크플로는 커스텀 씬 작성, 특정 스타일(예: Kurzgesagt는 TOON 음영과 림 라이트, 반 고흐는 방향성 스트로크)에 맞춘 렌더링, 그리고 HyperFrames를 통한 최종 조립으로 구성됩니다. 이 스킬은 Claude Code, Cursor, Codex와 같은 AI 코딩 도구에서 사용할 수 있도록 설계되었습니다.
claude-animation 플러그인 (손으로 그린 2D, 텍스처 에디토리얼/수채화 느낌) — 대체 스타일.
HyperFrames (조립, 타이틀, 사운드, 자막 및 최종 렌더링 담당).
작동하는 워크플로
커스텀 씬, 프리셋 아님. huashu의 render.py --spec 클립은 중앙 노드와 위성 노드를 그리고 마인드 맵으로 읽습니다.
전시용 고급 결과물을 위해서는 씬을 직접 작성하세요:
scripts/engine을 videos/<name>/engine에 복사하고, demos/<film>/eras.js + <film>.js를 생성하여
SCENES['id'] = (g, t, W, H) => {...}를 등록합니다.
Kurzgesagt 스타일: 하나의 연속된 세계, TOON 음영의 평면 도형, 림 라이트, 각 레이어로의 느린 CAM.pushTo 다이빙(내부 탐구),
Poppins/둥근 서체, 비트에 맞춰 나타나는 스케일 바와 라벨.
회화 스타일: 주제를 한 번 구성한 후 각 스타일의 붓으로 렌더링합니다 (반 고흐 = 흐름장을 따라 방향성 스트로크;
리히텐슈타인 = 하프톤 + 검은 외곽선; 쿠사마 = 점들; 입체파 = nx26/ny16 패싯 + 약간의 이동 — 패싯이 너무 많으면 산산조각;
수묵 = inkWash; 8비트 = 픽셀화 + 팔레트).
렌더링 (30fps, 엔진 기본값은 60):
uv run --with playwright python render.py --film demos/<film> --solo <id> --no-counter --fps 30 --from 0 --to <s> --out clip.mp4
(--width 1080 --height 1920은 세로 영상).
HyperFrames에서 조립: 클립을 `<video class=
Individual skills in this repo
This repo contains 4 individual skills — each has its own dedicated page.