Web Video Presentation
Turn written content into cinematic web presentations
Install
Ships scriptsnpx skills add ConardLi/garden-skills -s web-video-presentation
Use when an article or narration script needs to become an animated, screen-recordable web presentation.
- Author
- ConardLi
- License
- MIT
Web Video Presentation equips an agent to develop a browser-based production from an existing article or spoken script. The result is a navigable 16:9 experience whose scenes can be advanced manually or captured as a continuous recording. Its process covers editorial preparation, scene planning, visual implementation, review, optional speech generation, and final recording.
Highlights
- Produces a narration draft and a chapter-based development outline before implementation begins.
- Builds a Vite, React, and TypeScript project designed around full-screen visual scenes.
- Includes a collection of configurable themes plus supporting guidance for creating additional visual directions.
- Provides scripts for scaffolding projects, extracting narration segments, and generating audio through interchangeable TTS providers.
- Supports incremental, sequential, or parallel chapter development while keeping narration and scene counts coordinated.
The skill is aimed at video creators, educators, developers, and product teams who already have source material and want a polished visual companion for it. Install it with the Skills CLI from the Garden Skills repository, then supply an article or narration script for the agent to structure and implement.
Similar skills
video-shotcraft
SkillStoryboards and renders product videos with Remotion from inside a coding agent.
Beautiful Article
SkillTransform source materials into beautiful, single-file HTML articles
React View Transitions
SkillBuild polished native transitions for React interfaces

Comments(0)
Sign in to comment