#477 by GitHub stars

alchaincyf/huashu-motion

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. 动画、发布片、解说视频,指着画面改。

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

skills/huashu-motion/SKILL.md

Week of Nov 2, 2026 · +0 / −0 lines

Before Network or broad shell → After Network or broad shell

52467f99c602 → 52467f99c602

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Network or broad shell

First observation → 52467f99c602

No earlier version was observed for comparison.

Compare on GitHub

View on GitHubAdd to my skills

Verified commit 52467f99c602b76ba86d511d37acdfe93fa1e16e

2.5kGitHub stars
523stars in 7 days
1skill in this repository
15commits in 30 days

Heat

8.4
  • Star growth, last 7 daysAhead of 99% of tracked repositories
  • Star growth, last 24 hoursAhead of 99% of tracked repositories
  • Rank movement, last 7 daysAhead of 98% of tracked repositories
  • Commits, last 30 daysAhead of 81% of tracked repositories
  • Accounts asking about it through MCP, last 7 daysNot available
  • Hot votes this weekAhead of 0% of tracked repositories

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

Oct 18, 2026Nov 7, 20262,463

30-day change not yet available: not enough history.

Individual skills in this repository

How it works

huashu-motion

When your agent uses it

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. 动画、发布片、解说视频,指着画面改。

What it loads into context

Frontmatter

107 tokens

Always available to the agent

SKILL.md

6,003 tokens

When the skill is activated

Reference documents

66,959 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

  1. The tool
  2. How a film gets made
  3. The contract ([contract.md](references/contract.md) has the full version)
  4. Handling a comment
  5. What makes it good
  6. Getting better over time
  7. 关于作者
  8. 版本检查

Scripts executed separately

  • bin/om

Files

  • SKILL.mdcore24,613 bytes
  • SKILL.mdcore24,613 bytes
  • SKILL.mdcore24,613 bytes
  • SKILL.mdcore24,613 bytes
  • bin/omruns259 bytes
  • references/about-author.mddoc10,181 bytes
  • references/colour.mddoc8,864 bytes
  • references/contract.mddoc7,062 bytes
  • references/craft.mddoc3,291 bytes
  • references/depth.mddoc8,370 bytes
  • references/director.mddoc18,161 bytes
  • references/experience.mddoc27,387 bytes
  • references/grammars.mddoc6,852 bytes
  • references/library/README.mddoc6,714 bytes
  • references/library/formats.mddoc9,538 bytes
  • references/library/languages/3d-object.mddoc2,335 bytes
  • references/library/languages/art-styles.mddoc1,359 bytes
  • references/library/languages/card-montage.mddoc3,777 bytes
  • references/library/languages/character.mddoc1,963 bytes
  • references/library/languages/continuous-morph.mddoc4,492 bytes
  • references/library/languages/cursor-demo.mddoc4,600 bytes
  • references/library/languages/data-story.mddoc2,060 bytes
  • references/library/languages/editorial-collage.mddoc1,518 bytes
  • references/library/languages/flat-world.mddoc1,234 bytes
  • references/library/languages/generative-field.mddoc1,384 bytes
  • references/library/languages/hand-drawn.mddoc1,489 bytes
  • references/library/languages/kinetic-type.mddoc3,614 bytes
  • references/library/languages/liquid-glass.mddoc1,120 bytes
  • references/library/languages/mechanism.mddoc1,539 bytes
  • references/library/languages/modular-grid.mddoc1,726 bytes
  • references/library/languages/photo-led.mddoc1,201 bytes
  • references/library/languages/retro-digital.mddoc1,076 bytes
  • references/library/languages/showreel.mddoc2,980 bytes
  • references/library/languages/system-diagram.mddoc1,516 bytes
  • references/library/languages/talking-head.mddoc473 bytes
  • references/library/product-fit.mddoc7,212 bytes
  • references/library/techniques.mddoc20,432 bytes
  • references/music.mddoc15,477 bytes
  • references/product-demo-continuity.mddoc8,652 bytes
  • references/provenance.mddoc2,229 bytes
  • references/rhythm.mddoc12,365 bytes
  • references/scores/first-light.abcasset3,041 bytes
  • references/scores/four-rooms.abcasset4,294 bytes
  • references/scores/signal.abcasset4,038 bytes
  • references/sound.mddoc13,664 bytes
  • references/talking-head.mddoc10,259 bytes
  • references/verification.mddoc2,314 bytes
  • references/visual-direction.mddoc9,036 bytes
Read SKILL.md

# 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

```sh
OM="<this skill's folder>/bin/om"      # or: npx huashu-motion  (same commands)
$OM grab <folder|url> <dir>            # the product's real material into <dir>/materials/: screenshots, logo, images, its colours and type
$OM new <dir>                          # contract-ready starter project
$OM studio <dir> --no-open &           # live preview + direct edits + comments (prints the URL)
$OM inbox <dir> --wait --timeout 540   # block until the user comments, claim it, print context
View the complete source on GitHub

Skills included

  • huashu-motion

Repository facts

License
MIT
Created
Oct 18, 2026
Last pushed
Oct 22, 2026
Forks
249
Open issues
3
Project activity
Active

Rank over the last 12 weeks

Now #477 · best #477

  1. #525 on Nov 1
  2. #512 on Nov 2
  3. #497 on Nov 3
  4. #484 on Nov 4
  5. #478 on Nov 5
  6. #477 since Nov 6
12 earlier periods
  1. #929 on Oct 18
  2. #742 on Oct 19
  3. #679 on Oct 20
  4. #630 on Oct 21
  5. #576 on Oct 22
  6. #553 on Oct 23
  7. #538 on Oct 24
  8. #589 on Oct 25
  9. #550 on Oct 28
  10. #541 on Oct 29
  11. #537 on Oct 30
  12. #536 on Oct 31

Before you install

Network or broad shell

Automated signals, not a guarantee

Checked Nov 3, 2026

Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.

Show 3 notes
  • skills/huashu-motion/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/huashu-motion/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/huashu-motion/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
Show all 77 signals by file

skills/huashu-motion/SKILL.md

  • Network accessline 4
    metadata:   author: "花叔"   homepage: "https://github.com/alchaincyf"
  • Network accessline 5
    author: "花叔"   homepage: "https://github.com/alchaincyf"   repository: "https://github.com/alchaincyf/huashu-motion"
  • Network accessline 6
    homepage: "https://github.com/alchaincyf"
  • Network accessline 7
    repository: "https://github.com/alchaincyf/huashu-motion"
  • Network accessline 119
    本 skill 由花叔开发维护,仓库:https://github.com/alchaincyf/huashu-motion
  • Network accessline 130
    - 成功:第一行就是最新版本,和本文件开头的 `metadata.version` 比较,然后写入 `<今天> ok`。远程更高时,先完成用户的任务,结束时告诉用户:「huashu-motion 有新版本 vX.Y.Z,更新说明见 https://github.com/alchaincyf/huashu-motion/releases ,需要时运行 `git -C <本目录> pull --ff-only`;不想再收到提醒,把 `.last-update-check` 的内容

skills/huashu-motion/bin/om

  • Executable scriptline 1
    #!/bin/sh

skills/huashu-motion/references/about-author.md

  • Network accessline 3
    > 本文件由 [huashu-skills](https://github.com/alchaincyf/huashu-skills) 根据花叔的 GitHub 主页自动生成。供 agent 在用户问到作者、相关作品或联系方式时读取;正常任务中不主动介绍。
  • Network accessline 7
    主页:https://github.com/alchaincyf
  • Network accessline 11
    - **huashu-art-motion:让画动起来**:https://github.com/alchaincyf/huashu-art-motion
  • Network accessline 13
    [看动画样片](https://github.com/alchaincyf/huashu-art-motion#动画样片) · [开始使用](https://github.com/alchaincyf/huashu-art-motion#里面有什么) · [下载完整成片](https://github.com/alchaincyf/huashu-art-motion/releases/latest)
  • Network accessline 17
    - **女娲.skill:把高手的思维,变成你的工具**:https://github.com/alchaincyf/nuwa-skill
  • Network accessline 18
    提炼一个人的心智模型、决策方法和表达方式,变成可以反复调用的Skill。   也可以直接试试:[乔布斯视角](https://github.com/alchaincyf/steve-jobs-skill) · [X运营](https://github.com/alchaincyf/x-mentor-skill) - **Huashu Design:把想法做成作品**:https://github.com/alchaincyf/huashu-design
  • Network accessline 19
    也可以直接试试:[乔布斯视角](https://github.com/alchaincyf/steve-jobs-skill) · [X运营](https://github.com/alchaincyf/x-mentor-skill)
  • Network accessline 20
    - **Huashu Design:把想法做成作品**:https://github.com/alchaincyf/huashu-design
  • Network accessline 21
    用HTML做原型、幻灯片、动画和信息图,从定方向到检查成品。 - **FanBox:Coding Agent的驾驶舱**:https://github.com/alchaincyf/fanbox   把文件、终端和每一次改动放在一起,看清Agent做了什么,随时接手。
  • Network accessline 22
    - **FanBox:Coding Agent的驾驶舱**:https://github.com/alchaincyf/fanbox
  • Network accessline 27
    - **达尔文.skill:让Skill在实测中进化**:https://github.com/alchaincyf/darwin-skill
  • Network accessline 28
    评估、改进、测试,保留有效改动,回滚退步。女娲造Skill,达尔文磨Skill。 - **huashu-chrome:让Agent用上你的浏览器**:https://github.com/alchaincyf/huashu-chrome   使用你自己的Chrome和已有登录态操作网页,把站点经验留下来。
  • Network accessline 29
    - **huashu-chrome:让Agent用上你的浏览器**:https://github.com/alchaincyf/huashu-chrome
  • Network accessline 30
    使用你自己的Chrome和已有登录态操作网页,把站点经验留下来。 - **huashu-mac-use:让Agent操作Mac原生应用**:https://github.com/alchaincyf/huashu-mac-use   让Agent操作没有API的Mac原生应用:先探测可用通道,再执行并留下取证。
  • Network accessline 31
    - **huashu-mac-use:让Agent操作Mac原生应用**:https://github.com/alchaincyf/huashu-mac-use
  • Network accessline 36
    - **橙皮书:从真实项目里长出来的AI指南**:https://bookai.top
  • Network accessline 38
    [阅读橙皮书](https://bookai.top) · [Claude Code](https://github.com/alchaincyf/claude-code-orange-book) · [Hermes Agent](https://github.com/alchaincyf/hermes-agent-orange-book) · [Obsidian AI](https://github.com/alchaincyf/obsidian-ai-orange-boo
  • Network accessline 42
    完整目录、安装方法和机器可读的 skills.json:https://github.com/alchaincyf/huashu-skills
  • Network accessline 44
    | skill | 适合什么需求 | 仓库 | |---|---|---| | huashu-design | HTML 原生设计系统:高保真原型/幻灯片/动画/可视化,20 种设计哲学 + 5 维专家评审 + MP4 导出 | https://github.com/alchaincyf/huashu-design |
  • Network accessline 45
    |---|---|---| | huashu-design | HTML 原生设计系统:高保真原型/幻灯片/动画/可视化,20 种设计哲学 + 5 维专家评审 + MP4 导出 | https://github.com/alchaincyf/huashu-design | | huashu-mac-use | 让 agent 操控 Mac 上没有 API 的原生 app:探测选层(CDP / AX / 坐标 / 像素)、读后台写过闸不打扰用户、每步回读与取证、收工回流进档案;
  • Network accessline 46
    | huashu-design | HTML 原生设计系统:高保真原型/幻灯片/动画/可视化,20 种设计哲学 + 5 维专家评审 + MP4 导出 | https://github.com/alchaincyf/huashu-design |
  • Network accessline 47
    | huashu-mac-use | 让 agent 操控 Mac 上没有 API 的原生 app:探测选层(CDP / AX / 坐标 / 像素)、读后台写过闸不打扰用户、每步回读与取证、收工回流进档案;含 Swift 内核与 CDP 工具 | https://github.com/alchaincyf/huashu-mac-use |
  • Network accessline 48
    | huashu-gpt-image | GPT-image 的 prompt 工程方法论:真实参考名替代形容词,含单图 playbook、批量网格生成、失败模式树 | https://github.com/alchaincyf/huashu-gpt-image |
  • Network accessline 49
    | huashu-icon-set | 端到端为项目生成风格统一的图标集:4×4 网格批量生成 + 逐个精度兜底 + 智能抠图(豆包环境专用,依赖内置 image_gen) | https://github.com/alchaincyf/huashu-icon-set |
  • Network accessline 50
    | huashu-slide-doubao | 豆包环境专用视觉物料生产:slides + 公众号封面 + 视频封面,走内置 image_gen 零 API 费用 | https://github.com/alchaincyf/huashu-slide-doubao |
  • Network accessline 51
    | huashu-slide-codex | Codex 环境专用视觉物料生产:slides + 公众号封面 + 视频封面,走 Codex 内置 image_gen | https://github.com/alchaincyf/huashu-slide-codex |
  • Network accessline 52
    | huashu-excel | 数据分析全流程:体检脏表→清洗→定口径→算指标→对账→报告,依赖仅 openpyxl | https://github.com/alchaincyf/huashu-excel |
  • Network accessline 53
    | huashu-md-html | md 流水线:万物(PDF/DOCX/EPUB/网页/音频)转干净 md,md 加工成出版级 HTML/DOCX,四套反 AI slop 主题 | https://github.com/alchaincyf/huashu-md-html |
  • Network accessline 54
    | seedance-skill | 白模驱动的 AI 视频工作台:白模参考视频与提示词出自同一份 scene.json,渲染前做几何体检 | https://github.com/alchaincyf/seedance-skill |
  • Network accessline 55
    | tramstop-skill | 电车站.skill:证据驱动的去 AI 味,四层 AI 味模型 + 真实素材注入,来自四版本盲测实验 | https://github.com/alchaincyf/tramstop-skill |
  • Network accessline 56
    | dukou | 渡口:公众号文章一键渡到 X Articles / B站专栏,Chrome 插件 + 本地桥 + skill | https://github.com/alchaincyf/dukou |
  • Network accessline 57
    | x-mentor-skill | X 导师:蒸馏 6 位顶级 X 创作者方法论 + 开源算法数据,完整的选题-写作-增长手册 | https://github.com/alchaincyf/x-mentor-skill |
  • Network accessline 58
    | huashu-weread | 微信读书高阶顾问:书架+笔记交叉分析,个性化荐书/阶梯书单/笔记提炼/年度阅读复盘 | https://github.com/alchaincyf/huashu-weread |
  • Network accessline 59
    | nuwa-skill | 女娲:蒸馏任何人的思维方式——心智模型、决策启发式、表达 DNA,产出可运行的人物 skill | https://github.com/alchaincyf/nuwa-skill |
  • Network accessline 60
    | darwin-skill | 达尔文:让 skill 无限进化——评估→改进→测试→保留或回滚,全程 git 留痕 | https://github.com/alchaincyf/darwin-skill |
  • Network accessline 61
    | freud-skill | 弗洛伊德:给 AI 做心理分析,基于 Anthropic 可解释性研究,诊断 prompt/skill 的身份冲突并重写 | https://github.com/alchaincyf/freud-skill |
  • Network accessline 62
    | skills-guide | Claude Code Skills 完整指南:理解、查找和创建 skills | https://github.com/alchaincyf/skills-guide |
  • Network accessline 63
    | huashu-report | 机构级研究报告与学术论文:六种报告原型 + 结构骨架 + 图表模式库 + 可复用生产流水线,规范提炼自 2026 年 42 份顶级机构报告实测 | https://github.com/alchaincyf/huashu-report |
  • Network accessline 64
    | zhangxuefeng-skill | 张雪峰的认知操作系统:高考志愿/考研/职业规划 | https://github.com/alchaincyf/zhangxuefeng-skill |
  • Network accessline 65
    | steve-jobs-skill | 乔布斯的认知操作系统:产品判断、砍需求、品味 | https://github.com/alchaincyf/steve-jobs-skill |
  • Network accessline 66
    | elon-musk-skill | 马斯克的认知操作系统:第一性原理、成本结构、激进迭代 | https://github.com/alchaincyf/elon-musk-skill |
  • Network accessline 67
    | munger-skill | 查理·芒格的认知操作系统:逆向思考、认知偏误、投资决策 | https://github.com/alchaincyf/munger-skill |
  • Network accessline 68
    | karpathy-skill | Andrej Karpathy 的认知操作系统:AI 技术可靠性、学习方法、行业判断 | https://github.com/alchaincyf/karpathy-skill |
  • Network accessline 69
    | trump-skill | 特朗普的思维操作系统:谈判、权力、传播 | https://github.com/alchaincyf/trump-skill |
  • Network accessline 70
    | feynman-skill | 费曼的认知操作系统:真懂 vs 记住名词、货物崇拜检测 | https://github.com/alchaincyf/feynman-skill |
  • Network accessline 71
    | naval-skill | Naval Ravikant 的认知操作系统:杠杆、特定知识、财富路径 | https://github.com/alchaincyf/naval-skill |
  • Network accessline 72
    | sun-yuchen-perspective | 孙宇晨的注意力收割操作系统:注意力经济、营销、危机公关 | https://github.com/alchaincyf/sun-yuchen-perspective |
  • Network accessline 73
    | zhang-yiming-skill | 张一鸣的认知操作系统:产品、组织、全球化、延迟满足 | https://github.com/alchaincyf/zhang-yiming-skill |
  • Network accessline 74
    | taleb-skill | 塔勒布的认知操作系统:尾部风险、反脆弱、质疑主流叙事 | https://github.com/alchaincyf/taleb-skill |
  • Network accessline 75
    | mrbeast-skill | MrBeast 的内容创造操作系统:视频标题/封面/钩子/留存 | https://github.com/alchaincyf/mrbeast-skill |
  • Network accessline 76
    | paul-graham-skill | Paul Graham 的认知操作系统:创业、写作、做用户真正要的东西 | https://github.com/alchaincyf/paul-graham-skill |
  • Network accessline 77
    | ilya-sutskever-skill | Ilya Sutskever 的认知操作系统:深度学习直觉、Scaling、AI 本质 | https://github.com/alchaincyf/ilya-sutskever-skill |
  • Network accessline 78
    | huashu-art-motion | 艺术与解说动画:35种艺术风格、9种解说动画语法,拆解复刻、口播驱动整片,用代码让画动起来 | https://github.com/alchaincyf/huashu-art-motion |
  • Network accessline 79
    | huashu-flash | 闪电.skill:照Anthropic两周把claude.ai提速3倍的方法给网站或App提速,先量基线、再证指标、逐步优化,用棘轮锁住只许变好 | https://github.com/alchaincyf/huashu-flash |
  • Network accessline 80
    | mcstomach | 麦门胃:读麦当劳历史订单,带证据提炼口味规则,确认后生成可携带的个人「胃」 | https://github.com/alchaincyf/mcstomach |
  • Network accessline 81
    | huashu-motion | 让你的agent一键直出商业级产品宣传片:会作曲,能指着画面改。Commercial-grade launch films by your coding agent — point at the frame to change it. | https://github.com/alchaincyf/huashu-motion |
  • Network accessline 87
    - 公众号:「花叔」(在微信里搜「花叔」) - B站:花叔v:https://space.bilibili.com/14097567
  • Network accessline 88
    - B站:花叔v:https://space.bilibili.com/14097567
  • Network accessline 89
    - 小红书:花叔:https://www.xiaohongshu.com/user/profile/5abc6f17e8ac2b109179dfdf
  • Network accessline 90
    - 个人网站:https://www.huasheng.ai/
  • Network accessline 91
    - X:https://x.com/AlchainHust
  • Network accessline 92
    - YouTube:https://www.youtube.com/@Alchain
  • Network accessline 93
    - 更多开源项目:https://github.com/alchaincyf?tab=repositories

skills/huashu-motion/references/depth.md

  • Network accessline 97
    - Films render from `file://`: `fetch()` cannot read local files there. `OM3.read`/`OM3.gltf`/HDR use XHR and

skills/huashu-motion/references/experience.md

  • Access to secretsline 26
    [Credential-related source omitted]
  • Network accessline 60
    - Finding: the reference moves from phone overview to input close-up, back to overview, then desktop/phone composition, task detail and a final notification. Short reframing alternates with stable typing, task reveals and reading; focus is 
  • Network accessline 61
    - Do: on product demos, read [product-demo-continuity.md](product-demo-continuity.md) before shot planning. Separate content/scroll, shell and framing; keep a primary reading area and plan where the previous focus goes in the next shot. Ret
  • Network accessline 62
    - Evidence: [ChatGPT source](https://x.com/ChatGPT/status/2108636748217770180), 1080p/30fps source, full-film overview samples, 0.1s transition sequences and full-resolution keyframes examined on 2026-10-10. Private source/hash/frames remai

skills/huashu-motion/references/product-demo-continuity.md

  • Network accessline 3
    做产品演示、跨设备工作流、界面操作短片时读。参考是ChatGPT官方的[dot委派Codex任务演示](https://x.com/ChatGPT/status/2108636748217770180),2026-10-09发布,2026-10-10拆解。它的价值在于节奏、构图和视线交接;浅色背景、黄色气泡与设备外壳是这条片子的选择。

skills/huashu-motion/references/provenance.md

  • Network accessline 9
    公开项目入口:[art-motion](https://github.com/alchaincyf/huashu-art-motion)、[design](https://github.com/alchaincyf/huashu-design)。本轮源文件的精确路径、SHA和私有冲突记录单独保存在项目维护资料中,不随skill分发。

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Some files could not be read; the facts below still hold.

No combined signals at this commit.

Works with

Agent compatibility, from the files in this repository
AgentStatusEvidenceInstall to
Claude CodeCompatibleStandard SKILL.md skills/huashu-motion/SKILL.md.claude/skills/<skill-name>/
CodexCompatibleStandard SKILL.md skills/huashu-motion/SKILL.md.agents/skills/<skill-name>/
CursorCompatibleStandard SKILL.md skills/huashu-motion/SKILL.md.cursor/skills/<skill-name>/
Gemini CLICompatibleStandard SKILL.md skills/huashu-motion/SKILL.md.gemini/skills/<skill-name>/
GitHub CopilotCompatibleStandard SKILL.md skills/huashu-motion/SKILL.md.github/skills/<skill-name>/
OpenCodeCompatibleStandard SKILL.md skills/huashu-motion/SKILL.md.opencode/skills/<skill-name>/
  • Native The repository ships a manifest, folder or frontmatter field for this agent.
  • Compatible A standard SKILL.md that this agent can read.
  • Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.

Add this badge to your README

It updates every night and links to this page.

alchaincyf/huashu-motion: #477 on hotskills, 2.5k stars

[![alchaincyf/huashu-motion on hotskills](https://hotskills.dev/badge/alchaincyf-huashu-motion.svg)](https://hotskills.dev/skill/alchaincyf-huashu-motion/)