FreeVideo
App window with zoom
- 365365 downloads
- 125125 likes
- 188188 saves
Works with
+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
Product demo without screen recording v1.0.0
Use this resource to make a demo video of an app without recording its screen
New
- 391 downloads
- 237 likes
- 202 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install scripted-product-demoWith 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 reads the app's repository, rebuilds only the screens a scene needs as static React, then drives a scripted cursor and camera in Remotion. Each click is a frame number, so a scene renders identically and is updated by editing code.
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 : seven-step method, from visual spec to render
- SKILL.md : lib/components building blocks, cursor and camera
- SKILL.md : gotchas and measuring click targets
Good fit for
- You are preparing a release video for a product update
- A Playwright recording would be flaky or go stale
Not for
Tags
- product demo
- Remotion
- video
- release notes
About
You say
“Make the demo of the scheduling feature from the code, with an animated cursor and a zoom on the button.”
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 make a demo video of an app without recording its screen
- Review and adjust the result
Content preview
Files
- LICENSE1.1 KB
- NOTICE-PALATEKIT.md0.5 KB
- SKILL.md8.9 KB
Origin and licence
Listed unmodified
- Author
- digitalsamba
- Source
- github.com/digitalsamba/claude-code-video-toolkit/tree/68273c554efb75a7dc8b6e297455c09ab6f6d3fd/.claude/skills/synthetic-ui-demo
- Licence
- MIT
Notice
« synthetic-ui-demo » (digitalsamba, MIT) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
User reviews
–
No ratings yet
Loading reviews…