S17 Motion Art — Development skill for Claude Code
S17 Motion Art: PV and motion-graphics films in code (Remotion).
How to install S17 Motion Art
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open saikizhou-cyber/s17-motion-art and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What S17 Motion Art does
S17 Motion Art: PV and motion-graphics films in code (Remotion). Creative directions, beat-cut shot lists and animatics; identity cards for your own characters, props and scenes; 1:1 reference rebuilds measured down to easing and spring curves; 1080p delivery with QA. A Claude Code skill.
Alternatives in Development
- Clean Worktree (Interactive) — Interactive cleanup of worktrees: lists merged/stale branches and asks confirmation before deleting 25.5k ★
- Ian Xiaohei Scenes — Xiaohei 2.0 Codex Skill for Chinese real-object article illustrations and long-scroll story images 486 ★
- Anything2explainer — Topic in, narrated explainer video out 151 ★
README
🎬 S17 艺术动效 · s17-motion-art
**用代码做 PV 动效:从一个想法、一首歌,到可编辑的 Remotion 工程和 1080p 成片;也能把一条参考片 1:1 复刻成你自己的内容。**
一个给 Claude Code 用的 Skill。动态字、转场、镜头运动、节奏全部用代码写;AI 只在需要时出静态素材(角色、道具、底图)。
[](LICENSE) [](https://code.claude.com/docs/en/skills) [](https://www.remotion.dev/) [English](README.en.md) · 中文

上图是用这套流程做出来的 36 秒 PV 片段(57 个镜头、8 幕),演示的是复刻模式:镜头结构、节奏和后半段的特效构图(楔形字、碎片、白色结尾)按一条商业 PV 1:1 学习复刻;角色、名字、文案为原创,角色图由 AI 生成,所有动效由代码实现。
✨ 四种模式
| 模式 | 你给它 | 它做出 |
|---|---|---|
| 创意 create | 一句话、一个世界观或一首歌 | 三个对比鲜明的创意方向 → 风格圣经 → 按拍点切好的镜头清单 → 粗剪预演 → 成片 |
| 还原 realize | 你的角色、道具、场景 | 每个素材一张"身份卡"(含三栏角色设定图提示词),出图自动对照,不走样 |
| 复刻 rebuild | 一条参考视频 | 切点、配色、运动全部量出来,用原创内容 1:1 重建结构和节奏 |
| 交付 deliver | 做好的工程 | 分段渲染 1080p、换配乐不重渲、响度标准化、自动质检、复盘 |
**它的核心是"量出来,写成代码":**
motion_fit.py把参考片里一个元素的运动,直接反推成能贴进 Remotion 的interpolate缓动或spring弹簧参数,透视飞入按深度拟合,还能看出"一拍二"。beat_check.py测音乐的拍点网格,检查切点是否落在重音上。film_scan.py扫出成片里原片没有的静止、黑帧、闪白,以及比原片"更死"或"更躁"的镜头。
📊 一次真实项目的账本
用这套流程复刻一条 36 秒的游戏联动 PV(57 镜头、8 幕),最终交付 1080p:
| 项目 | 实测 |
|---|---|
| 全程 / 活跃时间 | 66.7 小时 / 18.8 小时(活跃时间含 AI 自己跑的时间) |
| 用户发的消息 | 113 条(44 条带截图) |
| 模型轮数 / 输出 token | 11,467 轮 / 1,342 万(主控 Opus,子代理后期全部改用 Sonnet) |
| AI 生成(静态素材为主) | 121 张图 + 9 段视频 = 1,184 即梦积分(按生成数反推) |
| 白花的 | 9 段 AI 视频里 5 段没用上 → 所以现在动效一律用代码做,AI 只出静态图 |
完整复盘见 [`references/case-study-gamepv.md`](references/case-study-gamepv.md)。

🚀 安装
Claude Code 个人级(所有项目可用,bash 和 PowerShell 都能用):
git clone https://github.com/saikizhou-cyber/s17-motion-art.git "$HOME/.claude/skills/s17-motion-art"
只给某个项目用:clone 到项目里的 `.claude/skills/s17-motion-art`。装好后输入 `/s17-motion-art`,或者直接说"帮我做一条 PV""1 比 1 复刻这条视频",它会自动加载。
**依赖**:Node.js 18+、[ffmpeg
Related Skills
Onetake
Motion films that never cut to the next slide: every beat grows out of the one before, one continuous camera,
Xlights Sequence Skill
Agent skill (Claude Code, Codex, Cursor) that turns any song into a beat-synced xLights light-show sequence: a
Every Frame Is Code
Every frame is code: an Agent Skill for Claude Code, Codex and ChatGPT that makes motion graphics, 3D scenes a
Video New Scene
Scaffold a new Remotion scene under scripts/video/final/src/scenes/ — composition + storyboard row + Root.tsx
Talking Head Video
Turn a 口播/talking-head video + script into a polished vertical explainer — synced subtitles, animated Remotion
Sucana Video Editor
Claude Code skill for video editing with Remotion + FFmpeg + whisper.cpp. Transcribe, trim, add motion graphic
Related Agents
Comic Script Architect
把用戶的故事主軸(brief.md)轉成完整 comic script artifact — story.md / storyboard.md / characters.md / style.md / panels.js
Motion Builder
Builds the HyperFrames composition — scenes, kinetic text, and data graphics — using the XChart library and th
Scenes
Writes or fixes Remotion scene components from the script and an already-measured T, runs typecheck and checks