Skip to content
Get Friday PicksSubmit

huashu-motion: launch films from one sentence

Ask your coding agent for a 30-second product film: it reads the product, offers three directions, writes the score and opens an editor where you click a frame to fix it.

In short: Ask your coding agent for a 30-second product film: it reads the product, offers three directions, writes the score and opens an editor where you click a frame to fix it. It is a free skill for people who use Claude Code or Codex and want help with motion graphics.

Checked on · Added

Open on GitHub · ★ 682

Works with

Agent / toolAccess / costLink
Claude CodePaid Claude plan or APIclaude.com/claude-code
CodexChatGPT plan or APIopenai.com/codex
GitHub repoOpen source · ★ 682alchaincyf/huashu-motion
huashu-motion: launch films from one sentence

Image: from the GitHub README, shown with credit.

Image from the alchaincyf/huashu-motion README

Images from the project README on GitHub.

Reference videos (2)

Real videos made with this skill, credited to their creators. Hover to preview.

Report launch film made with huashu-motion thumbnailLAUNCH0:40

Report launch film made with huashu-motion

The skill author fed in a few charts from a usage report and got back a beat-timed release film for it.

huashu-motion@AlchainHust♥ 14
Website promo from a single link with huashu-motion thumbnailLAUNCH0:35

Website promo from a single link with huashu-motion

The only input was the site URL: the agent turned a startup revenue database into a short promo film.

huashu-motion@AlchainHust♥ 12

Try it in 60 seconds

npx skills add alchaincyf/huashu-motion
git clone https://github.com/alchaincyf/huashu-motion.git

Install command copied from the project README. Check the README for the latest version.

What it does

Ask your coding agent for a 30-second product film: it reads the product, offers three directions, writes the score and opens an editor where you click a frame to fix it.

Tell Claude Code or Codex "make a 30-second launch film for my product": it reads your product, gives you three directions to choose from, writes the whole film and its own score, then opens an editor in the browser.

Short excerpt from the README of alchaincyf/huashu-motion. Read the full README on GitHub.

Inside the repo

See itInstallWhat it doesHow it worksWhat's insideLimitsWhy it existsCredits and license

Step by step

  1. Open the GitHub repo and read the README (English version linked at the top).
  2. Install with: npx skills add alchaincyf/huashu-motion
  3. Open a new agent session and ask for a launch film of your product, e.g. "make a 30-second launch film for my app".
  4. Pick one of the three directions, then press C in the editor and click any frame to request a precise change.

Watch out for

The author has only tested it on macOS so far; it needs Node 22+, Chrome and FFmpeg. Run its one-time sample build if you want real instrument sounds instead of synth audio.

Docs, demos & materials

Sources & credit

All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.

Related skills and use cases in Motion Graphics

See all Motion Graphics entries →

Related

HyperFrames: write HTML, get a video thumbnailSKILL0:56

HyperFrames: write HTML, get a video

Open-source renderer that turns HTML/CSS/JS scenes into frame-exact MP4s; built so coding agents can drive it.

Claude Code logoCodex logoClaude Code +1★ 63.8k
/brag: turn a finished project into a launch video thumbnailSKILL0:34

/brag: turn a finished project into a launch video

Type /brag in a project; it reads the code and renders a ~20s launch film with music, captions and share copy.

Claude Code logoCodex logoClaude Code +1★ 16k
Anatomy: interactive isometric illustrations thumbnailSKILL0:28

Anatomy: interactive isometric illustrations

Draws detailed, interactive isometric cutaways of real objects as code; a port also runs in ChatGPT/Codex.

Claude Code logoCodex logoClaude Code +1★ 10.6k
huashu-art-motion: animate artwork in 35 art styles thumbnailSKILL

huashu-art-motion: animate artwork in 35 art styles

Brings paintings and illustrations to life with code, offering dozens of art styles and several narration patterns for art-explainer videos.

Claude Code logoCodex logoClaude Code +1★ 4.2k
GSAP official agent skills thumbnailSKILL

GSAP official agent skills

Official skills from GreenSock that teach agents to write correct, smooth GSAP animations.

Claude Code logoCodex logoClaude Code +1★ 16.4k
lemo-opuscar: short films in 51 styles, no video model thumbnailSKILL

lemo-opuscar: short films in 51 styles, no video model

A Claude Code skill that makes short films entirely in code, choosing from 51 film styles each backed by its own style recipe.

Claude Code logoClaude Code★ 2.7k

Free newsletter

Friday Picks

New AI tools you can use right away, in plain words. Every Friday.

Free. No spam. Unsubscribe anytime.