VideoNov 2, 2026@donghyeok99Staff

huashu-motion: 곡까지 써 주는 에이전트 출시 영상 스킬

만든 사람이 DeepSeek V4.1 Flash로 음악 붙은 22초 영상을 30분 안 걸려 1.95위안에 뽑았어요

om studio 미리보기 아래로 ABC 악보가 흐르고, 장면 표시마다 화면이 바뀌고, 짚은 제목이 커진 뒤 om render가 MP4를 내보내요.

누가: 중국 독립 개발자 花叔(Huashu)가 만들었어요. 자기 제품의 출시 영상이 필요한 개발자와 1인 제작자를 위한 스킬이에요.
언제: 2026년 10월 18일 공개, 10월 22일 v0.3.1. Anthropic이 10월 8일 Claude Motion을 낸 뒤 그 기능을 스킬로 다시 만든 거예요.
어디서: Claude Code, Codex 등 Agent Skills를 읽는 에이전트. 렌더는 내 PC의 Chrome과 FFmpeg로 하고, README 기준 macOS에서만 실측했어요.

이게 불편했어요

제품을 만들고 나면 소개 영상 한 편이 필요한데, 그러려면 모션 툴을 배우거나 누군가에게 맡겨야 했어요. 에이전트에게 시켜 봐도 슬라이드에 효과만 얹은 듯한 영상이 나오기 쉽고, 한 장면만 고치고 싶어도 몇 초의 어느 부분인지 글로 설명해야 했어요.

그래서 이렇게 풀어요

huashu-motion은 영상 한 편을 index.html 파일 하나로 써요. 에이전트가 제품 사이트와 저장소에서 진짜 로고와 색, 화면을 모아 세 방향을 보여 주고, 하나를 고르면 장면 표시가 든 ABC 악보까지 써서 장면 전환을 박자에 맞춰요. 브라우저 편집기에서 C를 누르고 화면을 짚어 한 줄 남기면, 에이전트는 그 시각과 장면, 요소를 받아 그 자리만 고쳐요.

huashu-motion이 자기 자신을 위해 만든 53초 출시 영상의 앞부분

C를 누르고 화면을 짚어 한 줄 쓰면 에이전트가 그 자리만 고쳐요 (README의 재현 화면) — huashu-motion이 자기 자신을 위해 만든 53초 출시 영상의 앞부분

이걸로 만든 사람들

GitHub@shaaz10002026-10-23

huashu-motion을 엔진으로 30초, 45초, 1분 출시 영상 워크플로를 만들고, 자기 iOS 앱 Noor와 병원 소프트웨어 Novic의 영상 세 편을 앱의 데모 데이터로 뽑아 올렸어요.

Your coding agent reads the project you built, plans a launch film in the right tone, rebuilds your real UI, composes its own soundtrack

GitHub ↗

안에서는 이렇게 돌아가요

1
나 → Claude Code · Codex
「30초 출시 영상 만들어 줘」스킬 지시문대로 에이전트가 먼저 제품을 읽고, 결과를 바꿀 것만 한 번에 물어요.skills/huashu-motion/SKILL.md
2
Claude Code · Codex → om CLI
om grab <url|폴더> <dir>제품 사이트나 저장소에서 화면, 로고, 실제로 쓰는 색과 글꼴을 materials/로 모아요.cli/lib/grab.js
3
Claude Code · Codex → index.html
GSAP 타임라인 + ABC 악보(om-score)장면은 타임라인 라벨로, 효과음은 OM.sfx로, 곡은 장면 표시가 든 ABC 악보로 한 파일에 써요.skills/huashu-motion/references/contract.md
4
index.html → om CLI
om sound → assets/sound.wav악보의 템포, 셈여림, 페달까지 읽어 악기 샘플이나 합성음으로 연주해요.cli/lib/composer.js
5
나 → om studio
C + 화면 클릭 + 한 줄짚은 시각, 좌표, 요소, 장면이 댓글과 함께 .om/inbox.jsonl에 쌓여요.studio/studio.js
6
om studio → Claude Code · Codex
om inbox --wait에이전트가 다음 댓글을 맡아 om look으로 그 프레임과 짚은 곳을 확대해 보고 그 자리만 고쳐요.cli/lib/inbox.js
7
Claude Code · Codex → out/<이름>-vN.mp4
om render내 Chrome으로 프레임을 렌더해 out/에 새 버전 이름으로 저장해요. 이미 나간 파일은 덮어쓰지 않아요.cli/lib/render.js

넣으면 이렇게 나와요

「用huashu-motion给我的产品做一支30秒的发布片，官网是xxx.com」제품을 읽고 세 방향 키프레임, 리듬표, 영상과 곡을 만든 뒤 편집기를 열어 둬요

「把data/funnel.csv做成30秒解说」축 먼저, 데이터 다음, 한 가지만 짚는 30초 해설. 숫자는 바로 고치는 입력칸이 돼요

「这条口播视频加个包装」이름표, 숫자 카드, 키워드 자막을 투명 배경 레이어로 내보내 편집기에 바로 얹어요

「改成竖屏」1080×1920 사본을 만들어 다시 배치해요

나한테 맞을까요

이럴 때 좋아요

내 앱이나 오픈소스 프로젝트의 30초 출시 영상이 필요할 때
README 맨 위에 넣을 GIF와 게시글 문구가 필요할 때
CSV 데이터를 30초 해설 영상으로 풀고 싶을 때
이미 찍은 말하는 영상에 이름표와 자막 그래픽을 얹고 싶을 때

이건 안 돼요

소리를 듣지 못해요. 악보와 스펙트럼으로 확인하니 마지막 확인은 내 귀로 해야 해요.
실사나 사람을 새로 만들지 않아요. 그런 장면은 내 소재를 넣어야 해요.
결과는 모델에 따라 달라요. 만든 이는 주로 Claude Code의 Opus 5.5로 썼어요.
README 기준 macOS에서만 실측했고, Windows에서 om render가 0바이트 MP4를 내는 이슈(#3)가 올라와 있어요.

발행 전에 Devalley 편집자가 검토했어요. 칼럼은 어떻게 만드나요

huashu-motion: launch films your agent scores, fixed by pointing

Its maker had DeepSeek V4.1 Flash make a 22-second film with music in under half an hour, for 1.95 yuan

An ABC score runs under the om studio preview, the frame changes at each scene mark, a clicked title grows, and om render hands over an MP4.

Who: Made by Huashu (花叔), an independent developer in China, for developers and solo makers who need a launch film for their own product.
When: Published 18 Oct 2026, v0.3.1 on 22 Oct. Built after Anthropic released Claude Motion on 8 Oct, as a skill that does the same and more.
Where: Claude Code, Codex and other agents that read Agent Skills. Renders locally with Chrome and FFmpeg; tested on macOS only, per the README.

What was hard

Once a product is built it needs a short film, and that meant learning a motion tool or paying someone. Asking an agent tends to give slides with easing, and changing one moment means describing in words which second and which part.

What it does about it

huashu-motion writes each film as a single index.html. The agent collects the real logo, colours and screens from the product's site and repo, shows three directions, and once you pick one it writes an ABC score whose marks put the cuts on the beat. In the browser editor you press C, click the frame and write a line; the agent gets the time, scene and element, and changes that spot only.

The opening of the 53-second launch film huashu-motion made about itself

Press C, click the frame, write a line: the agent changes that spot — The opening of the 53-second launch film huashu-motion made about itself

What people made with it

GitHub@shaaz10002026-10-23

Built a 30 s, 45 s and 1-minute launch-film workflow on the huashu-motion engine and made three films of their own apps, the iOS app Noor and the clinic software Novic, from the apps' demo data.

Your coding agent reads the project you built, plans a launch film in the right tone, rebuilds your real UI, composes its own soundtrack

GitHub ↗

How it runs inside

1
You → Claude Code · Codex
"Make a 30-second launch film"Following the skill, the agent reads the product first and asks only what would change the result, in one message.skills/huashu-motion/SKILL.md
2
Claude Code · Codex → om CLI
om grab <url|folder> <dir>Screenshots, the logo and the colours and fonts the site or repo really uses go into materials/.cli/lib/grab.js
3
Claude Code · Codex → index.html
GSAP timeline + ABC score (om-score)Scenes are timeline labels, hits are OM.sfx calls, and the music is an ABC score with scene marks, all in one file.skills/huashu-motion/references/contract.md
4
index.html → om CLI
om sound → assets/sound.wavThe score is performed with its tempo, dynamics and pedal, on instrument samples or synth voices.cli/lib/composer.js
5
You → om studio
C + a click on the frame + a lineThe time, position, element and scene go with the note into .om/inbox.jsonl.studio/studio.js
6
om studio → Claude Code · Codex
om inbox --waitThe agent claims the next note, looks at that frame and the clicked spot with om look, and changes only that.cli/lib/inbox.js
7
Claude Code · Codex → out/<name>-vN.mp4
om renderYour Chrome renders the frames into out/ under a new version name, never over a file already shared.cli/lib/render.js

What goes in, what comes out

「用huashu-motion给我的产品做一支30秒的发布片，官网是xxx.com」 (a 30-second launch film for my product, site xxx.com)Three directions as key frames, a rhythm sheet, the film and its music, then the editor left open

「把data/funnel.csv做成30秒解说」 (data/funnel.csv as a 30-second explainer)Axes first, then the data, one thing marked; the numbers become fields you can edit

「这条口播视频加个包装」 (package this talking-head video)Name bars, number cards and keyword captions as a transparent overlay for your editor

「改成竖屏」 (make it vertical)A 1080×1920 copy, laid out again

Is it for you

Good for

A 30-second launch film for your app or open-source project
A README header GIF with a ready-made post
Turning a CSV into a 30-second explainer
Adding name bars and captions to a talking-head video you already shot

Not for

It can't hear. It checks music by the score and a spectrogram, so the last listen is yours.
It doesn't generate people or live footage; bring your own for those shots.
Results depend on the model. The author mostly used Opus 5.5 in Claude Code.
Tested on macOS only per the README; issue #3 reports om render on Windows leaving a zero-byte MP4.

Reviewed by Devalley’s editor before publishing. How the column is made

Repositoryalchaincyf/huashu-motion ↗

Stars2k

LicenseMIT

SiteOpen ↗

바로 써 보기

필요한 것

Node.js >=22근거: package.json
Chrome근거: README.md
FFmpeg근거: README.md

README 기준 macOS에서만 실측했어요. Chrome 대신 Chromium이나 Edge도 돼요. 진짜 악기 소리는 om samples build로 약 55MB를 한 번 받아야 하고, 안 받으면 합성음으로 연주해요.

있는지 확인하는 명령

node -v
ffmpeg -version

설치

npx skills add alchaincyf/huashu-motion

원본: github.com/alchaincyf/huashu-motion · ⭐ 2k, 2026-11-02 기준 · MIT · 사이트

에이전트에게 붙여 넣기

빈 폴더에서 Claude Code나 Codex를 열고 그대로 붙여 넣으세요.

처음 붙여 넣을 것

https://github.com/alchaincyf/huashu-motion 에 있는 huashu-motion 스킬을 설치해 주세요.
먼저 `node -v`로 Node 22 이상인지, `ffmpeg -version`으로 FFmpeg가 있는지, Chrome이나 Edge가 깔려 있는지 확인하고, 없는 게 있으면 설치하기 전에 알려 주세요.
그다음 README에 적힌 대로 `npx skills add alchaincyf/huashu-motion`로 설치하고, `om doctor`로 빠진 게 없는지 확인한 뒤 데모를 한 번 돌려 주세요.
끝나면 스킬이 어느 폴더에 들어갔는지, 데모 영상 파일이 어디에 생겼는지 알려 주세요.

설치가 끝나면

huashu-motion으로 {내 제품 이름}의 30초짜리 16:9 출시 영상을 만들어 주세요. 제품 사이트는 {사이트 주소}, 저장소는 {저장소 주소}예요. 먼저 진짜 로고와 화면을 모아서 세 방향 키프레임을 보여 주세요. 내레이션 없이 직접 쓴 곡과 효과음으로 하고, 다 되면 om studio 주소를 알려 주세요. 고칠 곳은 제가 화면을 짚어서 남길게요.

Try it

What it needs

Node.js >=22from: package.json
Chromefrom: README.md
FFmpegfrom: README.md

Tested on macOS only, per the README. Chromium or Edge work in place of Chrome. Real instruments need a one-time om samples build (about 55 MB); without it the score plays on synth voices.

Commands to check

node -v
ffmpeg -version

Install

npx skills add alchaincyf/huashu-motion

Source: github.com/alchaincyf/huashu-motion · ⭐ 2k as of 2026-11-02 · MIT · Website

Paste into your agent

Open Claude Code or Codex in an empty folder and paste this as it is.

Paste first

Please install the huashu-motion skill from https://github.com/alchaincyf/huashu-motion.
First check that Node is 22 or newer with `node -v`, that FFmpeg is there with `ffmpeg -version`, and that Chrome or Edge is installed; tell me before installing if anything is missing.
Then install it as the README says, with `npx skills add alchaincyf/huashu-motion`, run `om doctor` to see nothing is missing, and run the demo once.
When it's done, tell me which folder the skill went into and where the demo film was saved.

Once it is installed

Use huashu-motion to make a 30-second 16:9 launch film for {my product}. The site is {site URL} and the repo is {repo URL}. Collect the real logo and screens first and show me three directions as key frames. No narration: music you write yourself plus effects. When it's ready, give me the om studio address, and I'll point at what to change.

0 comments

Be the first to comment.

huashu-motion: 곡까지 써 주는 에이전트 출시 영상 스킬

이게 불편했어요

그래서 이렇게 풀어요

이걸로 만든 사람들

안에서는 이렇게 돌아가요

넣으면 이렇게 나와요

나한테 맞을까요

이럴 때 좋아요

이건 안 돼요

huashu-motion: launch films your agent scores, fixed by pointing

What was hard

What it does about it

What people made with it

How it runs inside

What goes in, what comes out

Is it for you

Good for

Not for

Topics of this piece

Community posts using it

Related pieces