FreeVideo
App window with zoom
- 365365 downloads
- 125125 likes
- 188188 saves
Works with
+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
Recording a web walkthrough with Playwright v1.0.0
Use this resource to film a browser flow for a demo or a Remotion video
New
- 428 downloads
- 192 likes
- 234 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install browser-demo-recordingWith 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 Playwright script that opens the browser, runs the flow and records the video at the chosen size and quality. It covers forms, multi-page navigation and recording settings.
Mostly picked by
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- Your agent's model
- 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 : installation and a basic recording script
- SKILL.md : viewport sizes and video quality settings
- reference.md : form and multi-page navigation patterns
Good fit for
- You want a demo of a sign-up flow for a landing page
- You need screen footage for a Remotion video
Not for
Tags
- Playwright
- recording
- demo
- browser
About
You say
“Record the checkout flow on our site at 1920 by 1080, including the form inputs.”
Skill published by digitalsamba under the MIT license, delivered in its original version.
Show moreShow less
How to use it
- Install the skill in your agent's skills folder
- Ask your agent to film a browser flow for a demo or a Remotion video
- Review and adjust the result
Content preview
Files
- LICENSE1.1 KB
- NOTICE-PALATEKIT.md0.5 KB
- reference.md8.4 KB
- SKILL.md12.8 KB
Origin and licence
Listed unmodified
- Author
- digitalsamba
- Source
- github.com/digitalsamba/claude-code-video-toolkit/tree/68273c554efb75a7dc8b6e297455c09ab6f6d3fd/.claude/skills/playwright-recording
- Licence
- MIT
Notice
« playwright-recording » (digitalsamba, MIT) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
User reviews
–
No ratings yet
Loading reviews…