web-video-presentation

Convert scripts and articles into interactive 16:9 web presentations.

10.2k|1.3k|Updated Apr 21, 2026
One-click install
npx skills add https://github.com/ConardLi/garden-skills --skill web-video-presentation
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-video-presentation
Source: https://github.com/ConardLi/garden-skills/tree/main/skills/web-video-presentation
Command: npx skills add https://github.com/ConardLi/garden-skills --skill web-video-presentation

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill converts long-form scripts or articles into interactive, cinematic 16:9 web presentations with optional narration, eliminating the tedious handcraft required to produce screen-recordable explainers.

Core Features & Use Cases

  • End-to-end workflow: input article → script → outline → theme selection → web presentation (incremental or full build) → optional audio synthesis → recording.
  • Theme-driven visuals: consistent tokens and motionHints guide animations while keeping brand-agnostic structure.
  • Checkpoints and collaboration: built-in A1 / A2 / B checkpoints enforce alignment and client sign-off.
  • Lightweight scaffolding: provides templates, references, and scripts to jump-start projects.

Quick Start

Copy this skill into the directory your agent scans, then ask it to turn a script or article into a web-video presentation.

Frequently Asked Questions about web-video-presentation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert an article into a cinematic web presentation?

To convert an article into a cinematic web presentation, input your long-form script or article. The workflow then generates an outline, applies theme-driven visuals, and builds an interactive 16:9 presentation, eliminating the need for tedious manual handcrafting.

Can I add audio synthesis to a 16:9 web presentation?

Yes, you can add optional audio synthesis to your 16:9 web presentation. The end-to-end workflow supports optional narration generation directly after the incremental or full presentation build is complete.

What is the best way to automate creating screen-recordable explainers from scripts?

The best way to automate creating screen-recordable explainers is using an end-to-end workflow that transforms scripts into interactive web presentations. This process enforces client sign-off checkpoints and applies consistent theme-driven visuals and motionHints for animations.

Does the web presentation workflow support client sign-off checkpoints?

Yes, the web presentation workflow supports client sign-off checkpoints. It includes built-in A1, A2, and B checkpoints during the incremental development or full build process to enforce alignment and ensure collaboration before final output.

How do theme-driven visuals work in automated web presentations?

Theme-driven visuals in automated web presentations work by applying consistent design tokens and motionHints. These guide the animations and visual structure throughout the 16:9 presentation while maintaining a brand-agnostic foundation.

What do I need to start building interactive web presentations from scripts?

To start building interactive web presentations, you need a long-form script or article as input. The skill provides lightweight scaffolding, including templates, references, and scripts, to jump-start the project without requiring external dependencies.