Flow Video Recorder — Testing skill for Claude Code
Agent skill: record narrated, captioned demo videos of web (Playwright) and native iOS (Maestro) apps, with ElevenLabs voice-over and motion graphics.
How to install Flow Video Recorder
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open muayadjamal/flow-video-recorder and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Flow Video Recorder does
Agent skill: record narrated, captioned demo videos of web (Playwright) and native iOS (Maestro) apps, with ElevenLabs voice-over and motion graphics.
Alternatives in Testing
- Sentient — Test prompt to showcase claude code hook blocking a dangerous rm -rf command 3.4k ★
- Ext Apps — Official repo for spec & SDK of MCP Apps protocol - standard for UIs embedded AI chatbots, served by MCP serve 1.9k ★
- Maestro Spec — Intent-driven spec precipitation — state a constraint in natural language (加一条规范：禁止用 any / 记录架构约束：服务间走 gRPC / 530 ★
README
An agent skill that records a narrated demo video of your app. Tell Claude Code (or Codex, Cursor, any agent that reads `SKILL.md`) which flow to show, and it writes a script, drives the app, and hands back an MP4 with a moving cursor, a ripple on every click, a caption per step, and a voice that explains what is happening while it happens.
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
Every video on [edumind.school/course](https://edumind.school/course?lang=en) was made with this skill: 20 walkthroughs of a school management platform, about 41 minutes in total, in English and Arabic, covering both the web app and the native parent and teacher apps. A few direct links:
- Meet EduMind (web, with motion-graphics scenes)
- The parent app (native iOS)
- [Exams: from question bank to
Related Skills
Motion Explainer
A Claude Code skill for making narrated motion-graphics explainer videos entirely in code with Remotion: resea
Video Master
Master Claude Code skill for videos and motion graphics in code: her direction and feedback log, morph catalog
QA Demo
Produce a polished narrated demo or tutorial video of a feature (scripted scenes, captions, EN or AR voice, .s
Canvas Explainer Videos
Generate narrated explainer videos purely from code - one Canvas HTML file draws every frame, Web Audio synthe
Claude Code Video Toolkit
AI-native video production workspace for Claude Code with Remotion, ElevenLabs, FFmpeg, and Playwright skills.
Walkthrough Video
Record a narrated product walkthrough video of a website, web app, or Electron desktop app — a Claude Code ski
Related Agents
QA Demo Video Producer
Produces polished, narrated demo or tutorial videos of a feature (scripted scenes, captions, natural voice in
Demo Producer
Storyteller and producer for polished product demo videos. Turns your narrative into a scripted, narrated, mus
Sync Master
Locks graphics/scenes to the voiceover so nothing leads or lags the words. Runs scene-sync before the motion-b
