FreeVideo
App window with zoom
- 365365 downloads
- 125125 likes
- 188188 saves
Works with
+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
Product demo from screenshots v1.0.0
Use this resource to build a product or app demo video from screenshots
New
- 405 downloads
- 122 likes
- 172 saves
$4.99
Lifetime access to this resource, with its updates.
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install product-demo-from-screenshotsWith 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 builds a Remotion project that frames each screenshot, glides a synthetic cursor to the target, ripples the click, then zooms into the relevant area with a caption. Values are computed frame by frame: if a screenshot changes, you re-render without re-recording. You get a project and an MP4 file.
Mostly picked by
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- Remotion
- Uses
- Node.js
- Remotion
- Playwright (optional, to capture screens)
- 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, translated into French: demo pacing, the browser frame, the cursor, the zoom and the checklist.
- references/screenshot-demo.md: a full example with 2x Playwright capture, frames and a multi-screen composition.
- references/annotation-and-transitions.md: spotlights, arrows, captions and four transitions.
Good fit for
- You are launching a SaaS and only have screenshots or mockups.
- You want a 15 to 90 second feature announcement.
- You need to reuse the same demo for several products.
Not for
- Editing a real screen recording.
- Working without a computer able to run Node and Remotion.
Tags
- product demo
- remotion
- saas
- video
- screenshots
About
You say
"Make a 30-second vertical demo of my dashboard from these three screenshots, with a click on Export and a zoom on the chart."
Skill published by iart-ai under the MIT license.
Show moreShow less
Prerequisites
- You bring
- Your screenshots or mockups. and The steps and benefits to highlight.
- Dependencies
- Node.js, Remotion, and Playwright (optional, to capture screens)
How to use it
- Provide your screenshots (ideally at 2x) and the actions to show.
- The agent builds the composition and renders still frames to check.
- Once the stills are approved, it encodes the MP4.
Content preview
Files
- LICENSE1 KB
- NOTICE-PALATEKIT.md0.4 KB
- references/annotation-and-transitions.md6.6 KB
- references/screenshot-demo.md9.8 KB
- SKILL.md12.2 KB
Origin and licence
Modified by PalateKit
- Author
- iart-ai
- Source
- github.com/iart-ai/ecommerce-video-skills/tree/2bd0dd19c9b2df5230f5d8f7453861b9681e49b4/skills/product-demo-video
- Licence
- MIT
Notice
Version modifiée de « product-demo-video » (iart-ai, MIT) : traduction française et fiche par PalateKit.
User reviews
–
No ratings yet
Loading reviews…
Frequently asked questions
Are the helper scripts mentioned included?
No, those optional scripts are not shipped. Verification uses the Remotion commands described in the skill.
What do I need to install?
A Remotion project (npx create-video@latest) and Node. Playwright is only useful for capturing your screens.