demovieGallery
Made with demovie.
Every video below was made from captures of Harborly, a fictional app in the repo, by following the demovie skill. Each folder holds the brief, storyboard, video.json and composition, so you can read exactly how it was made.
Harborly
Launch video
The Projects board, from Planning to Launched, and a new launch plan made through the real dialog.
- Type
- launch
- Style
clean- Length
- 35 s at 30 fps
- Formats
- 16:9, 9:16
- QA
- 0 errors
The brief's message
Every launch, from planning to launched, on one board.
Shot list
- 0.0 s · titleEvery launch, on one board.
- 2.9 s · productEvery launch, from Planning to Launched. / Health shows at a glance.
- 13.6 s · productStart a launch plan from the board. / Every plan gets a checklist and milestones.
- 26.4 s · productQ4 Launch is on the board.
- 30.7 s · logoStart free trial · harborly.example
Share copy the agent wrote
Made by following the demovie skill on Harborly, the same way your agent would.
Harborly
Changelog clip
One release note, shown on the screens it changed: health badges now carry an icon.
- Type
- changelog
- Style
clean- Length
- 15 s at 30 fps
- Formats
- 16:9, 1:1
- QA
- 0 errors
The brief's message
Health badges now show an icon, so health reads at a glance.
Shot list
- 0.0 s · titleWhat’s new in Harborly / Health badges now show an icon.
- 3.0 s · productOn track, At risk, Off track.
- 7.3 s · productThe same badges, everywhere.
- 11.6 s · logoStart free trial · harborly.example
Share copy the agent wrote
Made in changelog mode: demovie changes traced the commit through the import graph to the routes it touched.
Style presets
Five styles, one product.
A style decides type scale, easing, backgrounds and pacing; brand colors and fonts always come from your code. Each preset ships with a reference composition that passes QA. More on styles.
Style preset
clean
Neutral background, one accent, the product UI as the hero.
- Type
- launch
- Style
clean- Length
- 35 s at 30 fps
- Formats
- 16:9, 9:16
- QA
- 0 errors
The brief's message
Every launch, from planning to launched, on one board.
Shot list
- 0.0 s · titleMeet the Projects board
- 3.4 s · productEvery launch, from planning to launched. / Start a launch plan from the board. / Every plan gets a checklist and milestones.
- 20.4 s · productThen measure velocity, week by week.
- 26.4 s · textPlan, ship and measure every launch.
- 30.4 s · logoStart free trial · harborly.example
The reference composition for the clean style preset, made from captures of Harborly. It passes QA.
Style preset
bold
Kinetic type at 10–16% of the frame height, hard cuts on the beat.
- Type
- launch
- Style
bold- Length
- 28 s at 30 fps
- Formats
- 16:9, 9:16
- QA
- 0 errors
The brief's message
Plan, ship and measure every launch.
Shot list
- 0.0 s · titlePlan, ship and measure every launch.
- 3.8 s · productPlan. / Every launch gets a checklist and a timeline.
- 9.4 s · productShip. / Every project, from Planning to Launched.
- 15.0 s · productMeasure. / Velocity and cycle time, in Reports.
- 20.6 s · textReady for your next launch?
- 24.4 s · logoStart free trial · harborly.example
The reference composition for the bold style preset, made from captures of Harborly. It passes QA.
Style preset
soft
Rounded shapes, tints of the brand color, floating captures.
- Type
- launch
- Style
soft- Length
- 30 s at 30 fps
- Formats
- 16:9, 9:16
- QA
- 0 errors
The brief's message
Plan your next launch with Harborly.
Shot list
- 0.0 s · titlePlan your next launch with Harborly
- 4.2 s · productProjects board · See every launch at a glance.
- 9.6 s · productTeam workload · Spot overloaded teammates early.
- 15.1 s · productLaunch checklist · A clear owner for every item.
- 21.9 s · textPlan, ship and measure every launch.
- 26.0 s · logoStart free trial · harborly.example
The reference composition for the soft style preset, made from captures of Harborly. It passes QA.
Style preset
editorial
Large display type, generous whitespace, slow camera drift.
- Type
- launch
- Style
editorial- Length
- 31 s at 30 fps
- Formats
- 16:9, 9:16
- QA
- 0 errors
The brief's message
Velocity insights are here, so planning starts from real numbers.
Shot list
- 0.0 s · titleWhat’s new in Harborly / Velocity insights are here.
- 5.3 s · productOne calm workspace for every launch. / The Harborly homepage
- 13.3 s · productPlanning starts from real numbers. / The Harborly changelog, Version 2.8
- 20.0 s · productSee how much your team ships every week. / Completed vs. committed
- 26.7 s · logoPlan, ship and measure every launch. / Start free trial — harborly.example
The reference composition for the editorial style preset, made from captures of Harborly. It passes QA.
Style preset
terminal
Mono type on a grid, typed reveals, a dev-tool feel.
- Type
- launch
- Style
terminal- Length
- 28 s at 30 fps
- Formats
- 16:9, 9:16
- QA
- 0 errors
The brief's message
Plan, ship and measure every launch.
Shot list
- 0.0 s · title// Harborly / Plan, ship and measure every launch.
- 4.0 s · product› /app / Active projects 9 · On track 6 · Launches this quarter 5 · Avg. velocity 35.5
- 11.0 s · product› /app/projects/prj_launch / Q3 Launch · In progress, On track · 68% complete · Due Sep 30, 2026
- 18.0 s · product› /app/settings / // Use this key to sync launch plans from your own tools.
- 24.0 s · logo› Start free trial / harborly.example
The reference composition for the terminal style preset, made from captures of Harborly. It passes QA.
Your app next.
Three commands, then ask your agent for a video.