Make a complete music video for the song in this folder, with all
visuals drawn and animated in JavaScript. Use the entire song.
SETUP
Inspect this folder and identify the song and any lyrics or reference
files. Preserve my original files unchanged.
Use this existing animation starter:
https://t.co/oN3A7ZZyEl
Clone it into a new ./video subfolder, unless an existing copy is
already present. Do not overwrite existing work or clone into the
nonempty project root.
Read its README.md and ANIMATION_GUIDE.md completely, then inspect
render.mjs and the project configuration. Use the existing rendering
machinery rather than inventing a replacement.
Check Node.js, Chrome, and FFmpeg. Inspect the package configuration
and install the project dependencies. Ask before making system-wide
changes or downloading large additional tools.
Do not use fal, external image/video generation, paid APIs, or the
hybrid music-video plugin. All finished visuals must be code-drawn.
CREATIVE DIRECTION
Create a cohesive, visually imaginative animated music video with a
handmade, papery, illustrated feel. Express the song's meaning through
scenes, characters, visual metaphors, and purposeful transitions.
Establish an engaging opening and develop recurring visual motifs.
Do not make a slideshow, a generic audio visualizer, or one animation
loop repeated for the entire song. Design characters appropriate to
this song rather than automatically using the starter's mascot.
MUSIC AND TIMING
Use the supplied recording as the continuous master soundtrack.
Do not remix, replace, speed up, or shorten it.
Measure its duration and use available local audio-analysis tools to
identify musical sections and likely beat/accent timings. Record these
in a shared timeline and drive animation from that timeline.
Use supplied lyrics as authoritative. If lyrics are missing, use a
local transcription tool only if available, flag uncertain words, and
do not invent lyrics. Continue with non-lyric visuals where necessary.
When verified lyrics are available, use expressive, readable lyric
animation where it strengthens the scene. This explicitly overrides
the starter's default preference against lettering.
PRODUCTION
Write STORYBOARD.md with timed scenes covering the complete recording.
Save the project brief and rerender instructions in CLAUDE.md.
Then build the video. Make reasonable creative decisions and continue
without stopping for approval at every scene.
Test a few representative frames and a short section before the full
render. Inspect the resulting images and frame sequences, fix visible
defects, and keep the animation practical for this computer.
Use efficient code-drawn textures if expensive watercolor effects
make rendering impractical.
DELIVERY
Render the complete video
한국어 번역
이 폴더에 있는 곡으로 완성된 뮤직비디오를 만드세요. 모든
비주얼은 JavaScript로 그리고 애니메이션해야 합니다. 곡 전체를 사용하세요.
설정
이 폴더를 살펴보고 곡과 가사 또는 참조
파일이 있는지 확인하세요. 내 원본 파일은 변경하지 않고 그대로 보존하세요.
다음의 기존 애니메이션 스타터를 사용하세요:
https://t.co/oN3A7ZZyEl
새 ./video 하위 폴더로 클론하되, 이미 사본이
있으면 그대로 두세요. 기존 작업을 덮어쓰지 말고 비어 있지 않은
프로젝트 루트에 클론하지 마세요.
README.md와 ANIMATION_GUIDE.md를 끝까지 읽은 다음,
render.mjs와 프로젝트 설정을 살펴보세요. 대체물을 새로 만드는 대신
기존 렌더링 체계를 사용하세요.
Node.js, Chrome, FFmpeg를 확인하세요. 패키지 설정을 살펴보고
프로젝트 의존성을 설치하세요. 시스템 전반을 바꾸거나 큰 추가 도구를
내려받기 전에는 먼저 물어보세요.
fal, 외부 이미지/영상 생성, 유료 API, 또는 하이브리드
뮤직비디오 플러그인을 사용하지 마세요. 완성된 모든 비주얼은 코드로 그려야 합니다.
크리에이티브 디렉션
손으로 만든 듯한 종이 질감의 일러스트 느낌이 나는, 응집력 있고
시각적으로 상상력 넘치는 애니메이션 뮤직비디오를 만드세요. 곡의 의미를
장면, 캐릭터, 시각적 은유, 의도적인 전환으로 표현하세요.
흥미로운 오프닝을 세우고 되풀이되는 시각적 모티프를 발전시키세요.
슬라이드쇼나 일반적인 오디오 비주얼라이저, 또는 한 개의 애니메이션
루프를 곡 전체에 반복하는 것을 만들지 마세요. 스타터의 마스코트를
그대로 쓰지 말고 이 곡에 어울리는 캐릭터를 디자인하세요.
음악과 타이밍
제공된 녹음본을 끊김 없는 마스터 사운드트랙으로 사용하세요.
리믹스하거나 교체하거나 속도를 올리거나 줄이지 마세요.
길이를 측정하고 사용 가능한 로컬 오디오 분석 도구로
음악 구간과 비트/악센트 타이밍을 파악하세요. 이것들을
공유 타임라인에 기록하고 그 타임라인으로 애니메이션을 구동하세요.
제공된 가사를 권위 있는 기준으로 사용하세요. 가사가 없으면 사용 가능한
경우에만 로컬 필사 도구를 쓰고, 불확실한 단어는 표시하며,
가사를 지어내지 마세요. 필요한 곳에서는 가사 없는 비주얼로 이어가세요.
검증된 가사가 있으면 장면을 강화하는 지점에서 표현력 있고 읽기 쉬운
가사 애니메이션을 사용하세요. 이는 스타터의 기본 설정인
글자 배제 선호를 명시적으로 무시합니다.
프로덕션
녹음 전체를 아우르는 시간별 장면을 담은 STORYBOARD.md를 작성하세요.
프로젝트 브리프와 재렌더링 지침은 CLAUDE.md에 저장하세요.
그다음 영상을 만드세요. 합리적인 창작 판단을 내리고 매 장면마다
승인을 기다리며 멈추지 말고 계속 진행하세요.
전체 렌더링 전에 대표 프레임 몇 개와 짧은 구간을 먼저
테스트하세요. 결과 이미지와 프레임 시퀀스를 확인하고 보이는
결함을 고치며, 이 컴퓨터에서 감당 가능한 수준으로 애니메이션을 유지하세요.
비용이 큰 수채화 효과로 렌더링이 비현실적이 되면
효율적인 코드 기반 텍스처를 사용하세요.
전달
완성된 영상을 렌더링하세요
