Skip to content
↑↓navigate↵openescclose
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
Web Video Presentation logo
Skill

Web Video Presentation

Turn written content into cinematic web presentations

0
SaveVisit website ↗

Install

Ships scripts
npx skills add ConardLi/garden-skills -s web-video-presentation
Triggers on

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.

Comments(0)

Sign in to comment

No comments yet — be the first.

Similar skills

Report this comment

Why are you reporting this?