H
hideewsj-maker/motion-skills
Motion Director: a free Claude Code skill and Claude Motion alternative for Pro and Max
在 GitHub 查看 ↗链接已于 2026-11-12 核查 · HTTP 200 · 打开的是厂商自己的官网
安装与配置
客户端配置（取自该仓库的安装命令）
{
"mcpServers": {
"hideewsj-maker-motion-skills": {
"command": "npx",
"args": ["motion-skills"]
}
}
}解析自我们于 2026-11-11 抓取的该仓库 README；我们未执行过。
command/args 来自仓库写明的安装命令；不确定时请以该项目 README 为准。
VS Code（.vscode/mcp.json —— 键名是 servers）
{
"servers": {
"hideewsj-maker-motion-skills": {
"command": "npx",
"args": ["motion-skills"]
}
}
}VS Code 顶层键是 <code>servers</code>，其余与上面那份相同。
Claude Code（命令行）
claude mcp add --transport stdio hideewsj-maker-motion-skills -- npx motion-skills
Claude Code 不收 JSON 文件，用这条命令直接加。
配置项的键名以你的客户端为准：客户端与 CLI
- ★ 数取值
- 2 ★ · hideewsj-maker/motion-skills · 取自 GitHub 搜索 API · （2026-11-13 20:00:50 核对）
- 来源明细
- 从该仓库的 GitHub 页面直接读取 · 条目类型：开源项目
- 收录与活跃
- 收录于 2026-11-12 · 最近见到 2026-11-14 · 共见到 3 次 · 被 1 个来源列出
- 评分构成
- 综合分 103 · 2 ★ · 1 个来源 · repo
- 安装
npx motion-skills
常见问题（答案都来自我们的记录）
怎么安装？
该仓库给出的安装命令是
npx motion-skills。我们的记录里它是仓库自己提供的；不保证在你的客户端上直接可用。它适合谁 / 用来做什么？
我们把它归在这些标签下: Agent 技能。标签来自条目自身，不是我们强加的分类。
谁维护它、还在更新吗？
仓库
hideewsj-maker/motion-skills；我们收录于 2026-11-12；最近见到 2026-11-14。这里没有"官方认证"或"质量评级"——我们只记录来源与时间。# Motion Skills: Claude Motion-style videos in Claude Code, Codex or Cursor
以下摘录自该仓库的 README（片段） · 在 GitHub 读完整 README →
Motion Director is a free Claude Code skill for making short animated videos, and a free alternative to Claude Motion for people on Pro or Max. Claude Motion is in beta on Claude Team and Enterprise only. With this skill, your coding agent takes your own material (a site, a repo, a changelog, a spreadsheet, notes) and directs a short animated film with music: a launch teaser, a product demo, an explainer, a data video or a vertical short. It renders the MP4 on your computer.
No Remotion setup. The agent writes the film as one HTML page (HTML, CSS and GSAP), and the engine renders it in the Chrome you already have.
Any Claude plan. It works on Pro and Max and in other agents; you don't need Claude Motion, which is in beta on Team and Enterprise.
No video model, no credits, no upload. Everything runs and renders locally.
Checked before you see it. Before rendering, the engine looks for cut-off, covered and low-contrast text, blank stretches and single-frame pops.
Made by Motion Director from the sample examples/CHANGELOG.md (a made-up app). The real film has its own score.
In this README: Quick start · Three runs, start to finish · What it makes · How it compares · Security and privacy
## Quick start
1. Check your machine. You need Node.js 22+, FFmpeg and Chrome:
sh
npx motion-skills doctor
2. Install the skill. Copy skills/motion-director into your agent's skills folder:
| Agent | Folder |
| Claude Code | ~/.claude/skills/motion-director/ (or .claude/skills/ inside a project) |
| Codex | ~/.agents/skills/motion-director/ |
| Cursor | .cursor/skills/motion-director/ inside the project |
| Gemini CLI | ~/.gemini/skills/motion-director/ |
sh
git clone https://github.com/hideewsj-maker/motion-skills.git
mkdir -p ~/.claude/skills && cp -R motion-skills/skills/motion-director ~/.claude/skills/
Or ask your agent to do it: "Install the motion-director skill from https://github.com/hideewsj-maker/motion-skills into your skills folder."
3. Ask for a film:
> Use the motion-director skill: a 15-second launch teaser for our 2.0 release, 16:9, from the notes in CHANGELOG.md.
The agent proposes three directions, each a one-line pitch with one still. You pick one, and it builds the film, writes its music, checks every frame and renders out/film.mp4. To change it, say so in plain words: "make the second scene shorter", "use our brand colours". You can also open npx motion-skills studio, click a spot in the frame and type the change there.
## Three runs, start to finish
What went in, what was asked, what came out and how long it took. Each is one whole run on November 12, 2026, with Claude Opus 5.5 as the coding agent and nobody at the keyboard: the agent drew its three directions, picked one itself and rendered. Nobody asked for a change afterwards. The films are shown as they were rendered (the real ones have music).
| | Given | Asked | Took | Got |
| 1 | CHANGELOG.md of a made-up invoicing app | "Use the motion-director skill: a 15-second launch teaser for our 2.0 release, 16:9, from the notes in CHANGELOG.md." | 16 min | 15 s · 16:9 launch teaser |
| 2 | uk-coal-share.csv, 106 rows (Our World in Data, citing Ember, CC BY 4.0) | "Use the motion-director skill: a vertical 9:16 film, about 15 seconds, of the UK coming off coal, from uk-coal-share.csv (source in SOURCE.md). Music, no voiceover. Show the source on screen." | 14 min | 15 s · 9:16 data video |
No Remotion setup. The agent writes the film as one HTML page (HTML, CSS and GSAP), and the engine renders it in the Chrome you already have.
Any Claude plan. It works on Pro and Max and in other agents; you don't need Claude Motion, which is in beta on Team and Enterprise.
No video model, no credits, no upload. Everything runs and renders locally.
Checked before you see it. Before rendering, the engine looks for cut-off, covered and low-contrast text, blank stretches and single-frame pops.
Made by Motion Director from the sample examples/CHANGELOG.md (a made-up app). The real film has its own score.
In this README: Quick start · Three runs, start to finish · What it makes · How it compares · Security and privacy
## Quick start
1. Check your machine. You need Node.js 22+, FFmpeg and Chrome:
sh
npx motion-skills doctor
2. Install the skill. Copy skills/motion-director into your agent's skills folder:
| Agent | Folder |
| Claude Code | ~/.claude/skills/motion-director/ (or .claude/skills/ inside a project) |
| Codex | ~/.agents/skills/motion-director/ |
| Cursor | .cursor/skills/motion-director/ inside the project |
| Gemini CLI | ~/.gemini/skills/motion-director/ |
sh
git clone https://github.com/hideewsj-maker/motion-skills.git
mkdir -p ~/.claude/skills && cp -R motion-skills/skills/motion-director ~/.claude/skills/
Or ask your agent to do it: "Install the motion-director skill from https://github.com/hideewsj-maker/motion-skills into your skills folder."
3. Ask for a film:
> Use the motion-director skill: a 15-second launch teaser for our 2.0 release, 16:9, from the notes in CHANGELOG.md.
The agent proposes three directions, each a one-line pitch with one still. You pick one, and it builds the film, writes its music, checks every frame and renders out/film.mp4. To change it, say so in plain words: "make the second scene shorter", "use our brand colours". You can also open npx motion-skills studio, click a spot in the frame and type the change there.
## Three runs, start to finish
What went in, what was asked, what came out and how long it took. Each is one whole run on November 12, 2026, with Claude Opus 5.5 as the coding agent and nobody at the keyboard: the agent drew its three directions, picked one itself and rendered. Nobody asked for a change afterwards. The films are shown as they were rendered (the real ones have music).
| | Given | Asked | Took | Got |
| 1 | CHANGELOG.md of a made-up invoicing app | "Use the motion-director skill: a 15-second launch teaser for our 2.0 release, 16:9, from the notes in CHANGELOG.md." | 16 min | 15 s · 16:9 launch teaser |
| 2 | uk-coal-share.csv, 106 rows (Our World in Data, citing Ember, CC BY 4.0) | "Use the motion-director skill: a vertical 9:16 film, about 15 seconds, of the UK coming off coal, from uk-coal-share.csv (source in SOURCE.md). Music, no voiceover. Show the source on screen." | 14 min | 15 s · 9:16 data video |
收录徽章（可选）
想把收录标记放进 README 就复制这行，可选，不影响收录。
[](https://anclum.com/zh/s/hideewsj-maker-motion-skills/)
- 来源
- github · https://github.com/hideewsj-maker/motion-skills
- 按领域浏览
- Agent 技能
- Traction
- 2 ★
- 收录于
- 今天
同类推荐
所属领域与标签
每个标签都能点进去看同类的全部条目。数字是当前库里的真实条数。