fec-web-video-presentation

Convert long-form content into 16:9 web presentations with scripts and outlines.

21|3|Updated Mar 17, 2026
One-click install
npx skills add https://github.com/bovinphang/frontend-craft --skill fec-web-video-presentation
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fec-web-video-presentation
Source: https://github.com/bovinphang/frontend-craft/tree/main/localized/zh-CN/skills/fec-web-video-presentation
Command: npx skills add https://github.com/bovinphang/frontend-craft --skill fec-web-video-presentation

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Converts long-form content like articles, talks, courses, or product demos into ready-to-record, 16:9 web presentations with step-driven scenes, optional voice alignment, topic tokens, and screen-recording guidance.

Core Features & Use Cases

  • Step-driven web presentation skeleton that renders content as a sequence of visual scenes with clear progression.
  • Theme-driven styling using starter themes and tokens to ensure brand-consistent visuals.
  • Outputs scripts, outlines, asset lists, and workflow guidance to produce a production-ready presentation.
  • Use Case: turn a conference talk into a browser-based, record-ready 16:9 presentation for sharing and archiving.

Quick Start

Run the create-video-presentation.mjs script with your target directory to scaffold a runnable 16:9 web presentation skeleton.

Frequently Asked Questions about fec-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 16:9 web video presentation?

You convert articles into 16:9 web video presentations by running the create-video-presentation.mjs script against a target directory. This scaffolds a step-driven scene skeleton with per-step scripts, outlines, and theme-driven visuals ready for browser recording.

What is a step-driven web presentation skeleton?

A step-driven web presentation skeleton renders long-form content as a sequence of visual scenes with clear progression. It structures material into ready-to-record 16:9 scenes complete with optional voice alignment and screen-recording guidance.

Do I need YAML frontmatter to generate web presentation scripts?

Yes, YAML frontmatter containing a name and description is required to generate web presentation scripts. This metadata coordinates optional scripts, references, and assets to produce end-to-end, production-ready presentations.

Can I apply custom themes to a 16:9 web video presentation?

Yes, you apply custom themes to 16:9 web video presentations using starter themes and tokens. This theme-driven styling ensures generated visuals maintain brand consistency across all presentation scenes.

What is the best way to prepare a conference talk for browser-based screen recording?

The best way to prepare a conference talk for browser-based screen recording is to automate content conversion into a 16:9 web presentation. This generates step-driven scenes, topic tokens, and screen-recording guidance for an archive-ready visual format.

Does this web presentation workflow support product demos and courses?

Yes, this web presentation workflow supports product demos, courses, articles, and talks. It transforms varied long-form content into production-ready 16:9 visual scenes complete with asset lists and workflow guidance.