Skip to content

Huashu Motion

by 花叔SkillMake video or audio

Makes a launch film with music for your product; click any frame to ask for a change

View on GitHub

About Huashu Motion

Huashu Motion is a skill that has your coding agent make launch films and other motion graphics as code, with music, and lets you click a frame to ask for a change. It exports MP4, MOV, WebM or GIF.

For Indie makers launching productsSmall product and marketing teams

Made by 花叔

An open-source skill by 花叔 (Huashu), whose GitHub profile describes an AI-native coder who ships products without writing code.

Stars
★ 1.9k
License
MIT
Cost
Usage-based
Level
Intermediate
Contents
Includes scripts

Examples

From the project's own repository.

A launch film made with Huashu Motion: one typed request stays on screen while finished slide designs change behind it
Image: 花叔 (MIT). Original file

Overview

Huashu Motion is a skill by 花叔 that has your coding agent make motion graphics as code. Ask for a launch film, a data explainer or a talking-head package. For a launch film it studies your product, offers three directions as key frames, then builds the chosen one with its own soundtrack and opens a browser editor where you click a frame and type the change you want. It exports MP4, MOV with transparency, WebM or GIF. It suits makers and small teams who want a launch video without an animation studio.

You point at the exact frame you want fixed, and the music, sound effects and rendering are made on your own computer.

Try these first

Start with the first one: it is a small task you can check easily.

  1. Make a 15-second vertical launch film for [product name or site]. Show me three directions as key frames before you build anything.First try · directions first

  2. Turn [data file] into a 30-second explainer on why [metric] changed, with the numbers as editable fields.writes files

  3. Add narration from my recording [audio file] and put subtitles under it.writes files

  4. Make a 1080x1920 vertical copy of this film and export it as a GIF.writes files

Example prompts written by Agent Flows Hub.

What you get

From the creator's documentation.

OutputWhat it isReads
Three directionsReads your product and shows three styles as key frames before the full buildYour product's site
Point-to-edit studioA browser editor on your computer: click a frame, type a note, and the agent changes that spotYour computer
Music and soundWrites a score and places sound effects on the beats; real instruments need a one-time 55 MB downloadYour computer
NarrationA macOS system voice reads a script, or your own recording is aligned word by word with subtitlesYour computer
ExportMP4, MOV with transparency, WebM, GIF, or a share page with a playerYour computer
End signatureFilms of 4 seconds or more end with a small 'Made with huashu-motion' unless you switch it offYour film

Good to know

Get a short launch film or data explainer for a product from a one-line request in your agent. The skill proposes three directions, builds the chosen one with music and sound effects, and lets you correct it by clicking frames in a browser editor.

Limits

  • It needs Node.js 22 or newer, a Chromium-based browser and FFmpeg on your computer, and the author has so far run it only on macOS. Codex's sandbox asks for approval before the preview and browser can start.
  • It draws everything in code and does not generate people or live footage. The agent cannot hear the music, so the final listen is yours, and films of 4 seconds or more end with a small signature unless you ask to remove it.

Notes by (original project name: huashu-motion), written from the creator's documentation, not from running it ourselves. huashu-motion README (English) · huashu-motion SKILL.md

Stuck setting it up?

Tell us what happened. We take a look first; if it needs paid work, you get an estimate before anything starts.

Get help

Other skills

  • Human Writing (Chinese) Writes Chinese articles and stories that read like a real person talking, not a model
  • Humanizer Removes the telltale signs of AI writing from your drafts
  • HyperFrames Slideshow Builds a presentation deck you click through live, with reveals and speaker notes
  • Image to Three.js 3D Model Rebuilds the object in one photo as a 3D model written in Three.js code
  • Impeccable Gives your coding agent design commands to critique, polish and restyle web pages
  • Infographic Designer Turns text into a single infographic and lets you choose from suggested looks

See all 140 skills · A skill is installed but not loading

GitHub