企业官网建设流程全解析

一个人、一个 coding agent、一个 Skill，就能把「有内容要讲」变成「有画面能发」。

先说结果：5 小时，10 万+

前几天，花叔（花叔 / AlchainHust）发了一篇 X 文章，标题叫《第一批用上huashu-art-motion的人，已经开始拿到结果了！》。文章里最抓人的是一组数字：他用自己开源的huashu-art-motion配合 Opus 5.5，做了一条诺贝尔物理学奖的科普短片发到抖音，据作者自述，5 小时播放量突破 10 万，写文章时已经涨到约 17.4 万。

更有意思的是这条片子的生产方式。口播稿的撰写、素材的准备、画面的剪辑，全部交给了装了这个 Skill 的 Opus 5.5；连声音也是用 AI 复刻的音色。也就是说，人负责的主要是「想讲什么」，剩下的流水线由 agent 跑完。

这不是孤例。花叔在文中提到，已经有用户（曲直）用它做出了一段约 1 分 50 秒的内容，并反馈效果满意。他自己还用它做过超级玛丽闯关风格的趣味片，以及 SpaceX 主题的多风格解说版本。

huashu-art-motion：让 coding agent 用代码画出有艺术风格的动画。

huashu-art-motion 到底是什么

简单说，它是一个给 Claude Code 这类 coding agent 用的Agent Skill。装上之后，agent 就掌握了一套「用代码做动画」的方法论，主要能干三件事：

1. 用代码画艺术风格动画——不是套模板，而是按某种艺术风格的配方去生成画面和运动。
2. 把口播稿变成解说动画——白板讲解、Vox 式信息图、3Blue1Brown 式数学可视化等多种解说语法都可以选。
3. 拆解参考片——给它一段你喜欢的视频，它能帮你分析结构和手法，再复用到自己的内容里。

在 Skilloop 的收录页上，这个 Skill 被概括为：35 种艺术风格配方、9 种解说语法，外加一套拆解脚本，采用 MIT 协议开源，作者 @alchaincyf。

同一套能力，可以切换出截然不同的画风。

花叔的体感是：第一版大概能做到90% 的效果。剩下那 10%，留给你自己调整和把关。他还特别提到，在他试过的模型里，Opus 5.5 在画风审美和运动自然度上的表现远好于其他模型——如果你想复刻他的效果，模型选择值得注意。

看几种风格

解说类内容是这个 Skill 最实用的场景。白板风适合讲流程和概念，节奏清晰、信息密度高：

白板解说：一笔一画把逻辑讲清楚。

如果你讲的是数学或物理，3Blue1Brown 式的深色背景加几何动画几乎是「科普标配」：

3b1b 风格：让公式和图形自己动起来。

想要更活泼的科普感，Kurzgesagt 式的扁平插画也在配方里：

Kurzgesagt 风格：色彩明快的扁平科普插画。

艺术风格这边则更「放飞」。莫奈的印象派笔触、复古像素风、长卷穿越式的叙事镜头，都可以作为一条片子的视觉基调：

莫奈风格：光影与笔触的印象派质感。

像素风：适合游戏化、趣味向的内容。

长卷穿越：用一条连续画卷串起整个故事。

热度：开源第二天就冲上 800+ star

据作者自述，huashu-art-motion 发布次日 GitHub 就有 800 多个 star（他截图时是 876 star、110 fork）；那篇 X 文章约 27 万浏览、1000+ 点赞、2300+ 收藏；公众号版本约 2.8 万人阅读、3700+ 次分享。对一个刚开源的创作类 Skill 来说，这个反响说明需求是真实存在的。

适合谁用

花叔给出的定位很准确：适合「有内容要讲，但卡在画面和剪辑」的人。

• 知识类博主：有选题、有观点，但每条视频的动画制作都要花大量时间；
• 老师和科普作者：想把抽象概念讲得更直观，又没有专业动效团队；
• 独立开发者和产品人：需要做功能讲解、发布视频，但不想打开 AE；
• 已经在用 Claude Code、Codex、Cursor 的人：本来就在和 agent 协作，多装一个 Skill 几乎零成本。

怎么装

如果你习惯直接从 GitHub 安装，一行命令就够了：

npx skillsaddalchaincyf/huashu-art-motion

运行前需要准备好三个依赖：uv、ffmpeg 和 Playwright Chromium。开源仓库可在 Skilloop 技能页查看来源与安装说明。

想先看效果？去 Skilloop

很多人装 Skill 时都有同一个顾虑：README 写得再好，也不知道实际产出长什么样。Skilloop解决的就是这个问题。

Skilloop：先看效果，再安装的 Agent Skills 库。

Skilloop 是一个「先看效果再安装」的 Agent Skills 库，适用于 Claude Code、Codex 和 Cursor。每个 Skill 都配有真实产出预览，覆盖视频、图片、幻灯片、网页、文档等类型；看中了，复制一行 npx 命令，或者把安装提示直接粘贴给 agent 就能装好。

huashu-art-motion 已经收录在 Skilloop，技能页名为「花叔 艺术动画」：https://skilloop.dev/skills/huashu-art-motion。页面上可以直接浏览风格预览，并按你使用的工具选择安装方式：

# Claude Codenpx skillsaddalchaincyf/huashu-art-motion-g-aclaude-code# Codex / Cursornpx skillsaddalchaincyf/huashu-art-motion-g-acodex

也可以直接对 agent 说一句：`打开 https://skilloop.dev/skills/huashu-art-motion 按页面说明完成安装，让它按说明自己完成安装。

除了花叔这个 Skill，Skilloop 目前收录了104 个免费的开源 Skill，另有16 个 Skilloop 原创 Pro Skill（月付 $5 / 年付 $39 / 终身 $79）。下面这张是 Skilloop 原创内容的预告片海报：

Skilloop 原创预告片海报——站内还有更多可以先看再装的 Skill。

写在最后

花叔这次的实验说明了一件事：当 agent 拿到一套足够好的「方法论」，一个人也能稳定产出有质感的解说视频。内容本身依旧是核心，但画面和剪辑不再是门槛。

如果你也有想讲的东西，不妨现在就打开 huashu-art-motion 技能页 看看预览，挑一个风格，让你的 agent 跑出第一条片子。

延伸阅读

• huashu-art-motion 技能页（Skilloop）：https://skilloop.dev/skills/huashu-art-motion