FreeVideo
App window with zoom
- 365365 downloads
- 125125 likes
- 188188 saves
Works with
+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
Captioned demo video of a web app v1.0.0
Use this resource to record a demo video of a web app
New
- 559 downloads
- 156 likes
- 167 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install playwright-demo-videoWith no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.
First time: connect the CLI with
npx --yes palatekit@latest loginThe agent writes a temporary Playwright test that walks through the app, injects a caption bar for each chapter, records the video and converts it to mp4 with ffmpeg. It checks a few frames before delivery and deletes the test. You get a named, dated proof video.
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- Your agent's model
- Uses
- Playwright
- ffmpeg
- Licence
- MIT
Similar resources
View all- Free
FreeVideo
One big number
- 463463 downloads
- 223223 likes
- 100100 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
PalateKit Motion, the library
- 338338 downloads
- 198198 likes
- 249249 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Three bars head to head
- 348348 downloads
- 133133 likes
- 182182 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Before / after slider
- 322322 downloads
- 248248 likes
- 238238 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Three-card carousel
- 418418 downloads
- 157157 likes
- 101101 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Chat exchange
- 564564 downloads
- 127127 likes
- 161161 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Checklist ticking off
- 442442 downloads
- 233233 likes
- 160160 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
What you get
- SKILL.md with a five-step method
- Caption bar code
- Recording pitfalls and conversion commands
- Naming rule for delivered videos
Good fit for
- Showing a new feature to a client
- Proving a fix works
- Presenting a signup flow to a team
Not for
- Video editing or motion design
- Native mobile apps
- Recording videos with voice-over
Tags
- demo
- video
- playwright
- captions
- web app
About
You say
"Record a captioned video of the signup flow of my local site."
Skill published by alinaqi under the MIT license, translated by PalateKit.
Show moreShow less
Prerequisites
- You bring
- A web app running locally and The flow to show
- Dependencies
- Playwright and ffmpeg
How to use it
- Start the site locally
- Describe the flow to show
- Collect the dated, checked mp4
Content preview
Files
- LICENSE1.1 KB
- NOTICE-PALATEKIT.md0.4 KB
- SKILL.md5.6 KB
Origin and licence
Modified by PalateKit
- Author
- alinaqi
- Source
- github.com/alinaqi/maggy/tree/55aabe2493627e1de9cd09459d555181d66f3111/skills/demo-video
- Licence
- MIT
Notice
Version modifiée de « demo-video » (alinaqi, MIT) : traduction française et fiche par PalateKit.
User reviews
–
No ratings yet
Loading reviews…
Frequently asked questions
What must be installed?
Playwright in the project and ffmpeg on the PATH.
Does it mention other skills?
Yes, two neighboring visual validation skills are mentioned but not required.