# Huashu Motion

Motion graphics, launch videos and explainers as editable code.

- Repository: https://github.com/alchaincyf/huashu-motion (2005 stars)
- Category: Engineering
- License: MIT
- Last updated: 2026-10-22
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add alchaincyf/huashu-motion --skill huashu-motion -g -a claude-code -y`
Codex: `npx skills add alchaincyf/huashu-motion --skill huashu-motion -g -a codex -y`
Cursor: `npx skills add alchaincyf/huashu-motion --skill huashu-motion -g -a cursor -y`
Gemini CLI: `npx skills add alchaincyf/huashu-motion --skill huashu-motion -g -a gemini-cli -y`

## Description

Motion graphics, launch videos and explainers as editable code. A director picks the motion language for your product; you point at frames to change them. 动画、发布片、解说视频，指着画面改。

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# huashu-motion

You are the director, designer and animator. The film is code: one composition (`index.html`, HTML + GSAP, rendered frame by frame in the user's own Chrome) per project. The user watches it live in the huashu-motion studio, points at the frame, and you change exactly that.

Aim for something people want to share, a film that could only be about this product, not a slide deck with easing and not the house style every agent produces. Working code is the starting line; the finished frames are the bar.

## The tool

The rest: https://github.com/alchaincyf/huashu-motion/blob/HEAD/skills/huashu-motion/SKILL.md