web-video-presentation

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

2|Updated Mar 3, 2026
One-click install
npx skills add https://github.com/MomoDaviluke/star-citizen-promotion --skill web-video-presentation-momodaviluke
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-video-presentation
Source: https://github.com/MomoDaviluke/star-citizen-promotion/tree/main/.agents/skills/web-video-presentation
Command: npx skills add https://github.com/MomoDaviluke/star-citizen-promotion --skill web-video-presentation-momodaviluke

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill enables agents to transform scripts or articles into interactive 16:9 web presentations that behave like cinematic videos, suitable for screen recording or streaming.

Core Features & Use Cases

  • Fixed 16:9 stage with a global (chapter) step cursor to drive pacing
  • Phase-driven workflow: input article/script -> script.md + outline.md -> web presentation development -> optional audio synthesis
  • Theme-token architecture to ensure design consistency across multiple themes
  • Scripted references, assets, and on-demand scripts to support deterministic tasks
  • Use cases include interactive tutorials, product demos, technical explainers, and learning content that is screen-recorded

Quick Start

Copy this Skill into the directory your agent scans and run the scaffold to generate a Vite + React + TypeScript project for 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 turn a script into a 16:9 web video presentation?▼

To turn a script into a 16:9 web video presentation, you run a scaffold to generate a Vite, React, and TypeScript project. The workflow processes your input script through an outline phase into a clickable, cinematic web presentation.

Can I add narration to an interactive web presentation?▼

Yes, you can add narration to an interactive web presentation. The workflow supports optional audio synthesis after the visual presentation is developed, allowing you to generate narrated content suitable for screen recording.

Does this web presentation workflow use React and TypeScript?▼

Yes, the web presentation workflow uses React and TypeScript. Running the scaffold generates a Vite project configured with these technologies to build a fixed 16:9 stage driven by a global step cursor.

What is the best way to maintain design consistency across multiple presentation themes?▼

The best way to maintain design consistency is using a theme-token architecture. This approach enforces design constraints across multiple themes, ensuring visual uniformity throughout the chapter development workflow.

When should I use a clickable web presentation instead of traditional slides?▼

Use a clickable web presentation instead of traditional slides for interactive tutorials, product demos, and technical explainers. This format is ideal when viewers need to follow beats and visuals in a cinematic 16:9 format for screen recording.

What are the limitations of using a fixed 16:9 stage for web presentations?▼

A limitation of using a fixed 16:9 stage is that it enforces a rigid aspect ratio. The structured workflow requires hard checkpoints from input to outline, meaning deviations from the scripted pacing and theme-token constraints are restricted.