crawfordxx

Xiaoma Studio — Development skill for Claude Code

Development community

用代码做 Opus 5.5 爆款级动效视频与 HTML 幻灯片的 skill：30 条高赞视频拆解出的工作流、审美规则与确定性渲染引擎，任何模型/agent 可用 Code-driven motion video & HTML slides skill for any coding agent.

How to install Xiaoma Studio

This entry records only its repository, not the path inside it, so there is no exact command to give. Open crawfordxx/xiaoma-studio and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Xiaoma Studio does

Alternatives in Development

HTML Ppt Skill — HTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20+ animations for building professional HTML present 8.1k ★
Frontend Slides Editable — Editable HTML presentation skill for Codex/Claude Code with drag-resize editing, slide reordering, local save/ 466 ★
Anything2explainer — Topic in, narrated explainer video out 151 ★

README

xiaoma-studio

用代码做「Opus 5.5 爆款级」动效视频、HTML 幻灯片和有动效的官网 / 落地页的 skill。任何能写代码的模型 / agent 都能用。 A skill for code-driven motion videos, HTML slides and animated marketing sites at the standard of the most-liked Opus 5.5 videos — usable by any coding model or agent.

规则来自抖音、X、YouTube 上 30 条高赞 Opus 5.5 视频的逐帧拆解（最高 60 万赞 / 64 万播放）：抽帧拼图、剪辑频率、色板、音轨转写、原帖 prompt，再加上 [prompt-motion.com](https://prompt-motion.com/) 热门榜。明细见 [references/research.md](references/research.md)。

**核心只有一句：每一帧都是时间 t 的纯函数，先看拼图再出片。**

例子

每个例子都是一个 HTML 文件，浏览器打开就能预览（空格播放，← → 逐帧），也可以渲染成 mp4。画面、配乐、音效全部由代码生成，没有用任何素材或生成模型。


博物馆纪录片 ·《复利的形状》 24s 金币钩子 → 年代计数器 → 曲线逐级逼近 e → 首尾同一张标题卡 `examples/museum-compound`	瑞士风 motion reel 12s · 60fps · 运动模糊原色整屏按拍泛洪、形变、点阵波、粒子球 → 立方体 `examples/swiss-reel`
编辑部数据 ·《人生只有 4000 周》 22s 4160 个点实时染色、亮底翻转、收拢回一个点 `examples/editorial-weeks`	工程爆炸图 · 机械键盘轴 16s 等轴测线稿、拆成 6 个零件、引线 + 规格表、最后按一下 `examples/blueprint-switch`
纸艺绘本 ·《小云》 15s · 无文字手绘线条抖动、预备动作 / 挤压拉伸 / 弧线、冷夜 → 暖晨 `examples/paper-cloud`	HTML 幻灯片 · 研究结论 9 页同一个文件：方向键演讲 / 导出 PDF / 导出视频 `examples/research-deck`
产品发布（亮）· 1:1 12.5s · 60fps 一个形状贯穿 9 个 UI 状态，光标驱动，镜头跟随缩放 `examples/launch-morph`	霓虹歌词 · 9:16 竖屏 16.6s 卡拉 OK 点亮、终端 / 进度环 / 回车键三个隐喻、大字砸下 `examples/neon-lyric`