M
muayadjamal/flow-video-recorder
Agent skill: record narrated, captioned demo videos of web (Playwright) and native iOS (Maestro) apps, with…
SECURITY.md ✓
在 GitHub 查看 ↗链接已于 2026-11-12 核查 · HTTP 200 · 打开的是厂商自己的官网
安装与配置
客户端配置（取自该仓库的安装命令）
{
"mcpServers": {
"muayadjamal-flow-video-recorder": {
"command": "npx",
"args": ["skills"]
}
}
}解析自我们于 2026-10-26 抓取的该仓库 README；我们未执行过。
command/args 来自仓库写明的安装命令；不确定时请以该项目 README 为准。
VS Code（.vscode/mcp.json —— 键名是 servers）
{
"servers": {
"muayadjamal-flow-video-recorder": {
"command": "npx",
"args": ["skills"]
}
}
}VS Code 顶层键是 <code>servers</code>，其余与上面那份相同。
Claude Code（命令行）
claude mcp add --transport stdio muayadjamal-flow-video-recorder -- npx skills
Claude Code 不收 JSON 文件，用这条命令直接加。
配置项的键名以你的客户端为准：客户端与 CLI
- ★ 数取值
- 6 ★ · muayadjamal/flow-video-recorder · 取自 GitHub 搜索 API · （2026-11-13 20:00:50 核对）
- 来源明细
- 从该仓库的 GitHub 页面直接读取 · 条目类型：开源项目
- 收录与活跃
- 收录于 2026-10-21 · 最近见到 2026-11-14 · 共见到 28 次 · 被 2 个来源列出
- 评分构成
- 综合分 203 · 6 ★ · 2 个来源 · repo
- 安装
npx skills
常见问题（答案都来自我们的记录）
怎么安装？
该仓库给出的安装命令是
npx skills。我们的记录里它是仓库自己提供的；不保证在你的客户端上直接可用。它适合谁 / 用来做什么？
我们把它归在这些标签下: Agent 技能。标签来自条目自身，不是我们强加的分类。
谁维护它、还在更新吗？
仓库
muayadjamal/flow-video-recorder；我们收录于 2026-10-21；最近见到 2026-11-14。这里没有"官方认证"或"质量评级"——我们只记录来源与时间。An agent skill that records a narrated demo video of your app. Tell Claude Code
以下摘录自该仓库的 README（片段） · 在 GitHub 读完整 README →
It works on two surfaces:
| | Browser | Native iOS |
| Driver | Playwright | Maestro on the simulator |
| Capture | Playwright recordVideo | simctl io recordVideo |
| Cursor, ripple, captions | injected into the page | composited after capture |
| Output | 2560x1440 MP4, supersampled | device-resolution MP4 |
Narration can come from ElevenLabs, OpenAI, the macOS say command, or any local model you can call from a shell line (Piper, Kokoro, a TTS server). With no engine configured the same flow records silently with captions.
## See it working
A two-minute overview of a school management platform, made with every option on: browser chrome, a numbered step header, subtitles that follow the voice, four short zooms that ride the cursor on the clicks that matter, a canvas in the app's own colour, two motion-graphics scenes that explain what the screens cannot show, and the product's own intro and outro cards.
https://github.com/user-attachments/assets/0f77fdf1-53e0-43df-a161-af2c58e53971
Full quality: download the MP4. Every video on edumind.school/course was made with this skill too: 20 walkthroughs of the same platform, about 41 minutes in total, in English and Arabic, covering both the web app and the native parent and teacher apps. Two that go deeper:
The parent app (native iOS)
Exams: from question bank to paper (web)
## Install
Claude Code, as a plugin (updates itself). Two commands, run one after the other:
1. Add the marketplace:
text
/plugin marketplace add muayadjamal/flow-video-recorder
2. Install the plugin:
text
/plugin install flow-video-recorder@flow-video-recorder
Claude Code, Codex, Cursor and other agents, through skills.sh (copies the files so you can edit them):
bash
npx skills add muayadjamal/flow-video-recorder # into this project
npx skills add muayadjamal/flow-video-recorder -g # for every project
npx skills add muayadjamal/flow-video-recorder -g -a claude-code # one agent only
Codex, from inside a session:
text
$skill-installer install https://github.com/muayadjamal/flow-video-recorder
By hand:
bash
git clone https://github.com/muayadjamal/flow-video-recorder ~/.claude/skills/flow-video-recorder
## Requirements
node 20 or newer and ffmpeg on the PATH.
Browser flows: playwright in the target project (npm i -D playwright && npx playwright install chromium).
iOS flows: macOS with Xcode, a booted simulator with your app installed, and Maestro at ~/.maestro/bin/maestro.
Narration, optional: ELEVENLABSAPIKEY or OPENAIAPIKEY in the environment or the project's .env, or TTSCOMMAND for your own engine. On macOS say works with nothing set.
## Usage
Ask for a video in plain language:
> Record a demo video of the checkout flow, with narration.
The skill first asks what goes in the video (voice-over, subtitles, pointer, motion graphics), checks the tools above, copies its helper scripts into the project, writes a flow file for your app, and runs one of:
bash
ELEVENLABSAPIKEY=… BASE=http://localhost:8000 bash /assets/record.sh flow.mjs demo.mp4
ELEVENLABSAPIKEY=… UDID= bash /assets/record-ios.sh flow.mjs demo.mp4
A flow file is a short JavaScript module. Each step says its line, does its clicking, and holds until the line is finished:
| | Browser | Native iOS |
| Driver | Playwright | Maestro on the simulator |
| Capture | Playwright recordVideo | simctl io recordVideo |
| Cursor, ripple, captions | injected into the page | composited after capture |
| Output | 2560x1440 MP4, supersampled | device-resolution MP4 |
Narration can come from ElevenLabs, OpenAI, the macOS say command, or any local model you can call from a shell line (Piper, Kokoro, a TTS server). With no engine configured the same flow records silently with captions.
## See it working
A two-minute overview of a school management platform, made with every option on: browser chrome, a numbered step header, subtitles that follow the voice, four short zooms that ride the cursor on the clicks that matter, a canvas in the app's own colour, two motion-graphics scenes that explain what the screens cannot show, and the product's own intro and outro cards.
https://github.com/user-attachments/assets/0f77fdf1-53e0-43df-a161-af2c58e53971
Full quality: download the MP4. Every video on edumind.school/course was made with this skill too: 20 walkthroughs of the same platform, about 41 minutes in total, in English and Arabic, covering both the web app and the native parent and teacher apps. Two that go deeper:
The parent app (native iOS)
Exams: from question bank to paper (web)
## Install
Claude Code, as a plugin (updates itself). Two commands, run one after the other:
1. Add the marketplace:
text
/plugin marketplace add muayadjamal/flow-video-recorder
2. Install the plugin:
text
/plugin install flow-video-recorder@flow-video-recorder
Claude Code, Codex, Cursor and other agents, through skills.sh (copies the files so you can edit them):
bash
npx skills add muayadjamal/flow-video-recorder # into this project
npx skills add muayadjamal/flow-video-recorder -g # for every project
npx skills add muayadjamal/flow-video-recorder -g -a claude-code # one agent only
Codex, from inside a session:
text
$skill-installer install https://github.com/muayadjamal/flow-video-recorder
By hand:
bash
git clone https://github.com/muayadjamal/flow-video-recorder ~/.claude/skills/flow-video-recorder
## Requirements
node 20 or newer and ffmpeg on the PATH.
Browser flows: playwright in the target project (npm i -D playwright && npx playwright install chromium).
iOS flows: macOS with Xcode, a booted simulator with your app installed, and Maestro at ~/.maestro/bin/maestro.
Narration, optional: ELEVENLABSAPIKEY or OPENAIAPIKEY in the environment or the project's .env, or TTSCOMMAND for your own engine. On macOS say works with nothing set.
## Usage
Ask for a video in plain language:
> Record a demo video of the checkout flow, with narration.
The skill first asks what goes in the video (voice-over, subtitles, pointer, motion graphics), checks the tools above, copies its helper scripts into the project, writes a flow file for your app, and runs one of:
bash
ELEVENLABSAPIKEY=… BASE=http://localhost:8000 bash /assets/record.sh flow.mjs demo.mp4
ELEVENLABSAPIKEY=… UDID= bash /assets/record-ios.sh flow.mjs demo.mp4
A flow file is a short JavaScript module. Each step says its line, does its clicking, and holds until the line is finished:
收录徽章（可选）
想把收录标记放进 README 就复制这行，可选，不影响收录。
[](https://anclum.com/zh/s/muayadjamal-flow-video-recorder/)
- 来源
- github · https://github.com/muayadjamal/flow-video-recorder
- 按领域浏览
- Agent 技能
- Traction
- 6 ★
- 收录来源
- 2 个独立来源
- 收录于
- 今天
- 安全策略
- 该仓库根目录有
SECURITY.md（我们只核文件存在，未核内容）
同类推荐
所属领域与标签
每个标签都能点进去看同类的全部条目。数字是当前库里的真实条数。