product-launch-video

Generates product launch videos from URLs or briefs using HyperFrames HTML compositions.

Updated Jun 20, 2026
One-click install
npx skills add https://github.com/Noetfield-Systems/SourceA --skill product-launch-video-noetfield-systems
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: product-launch-video
Source: https://github.com/Noetfield-Systems/SourceA/tree/main/commercial-video-factory/trustfield-storyboard-hf-v1/.agents/skills/product-launch-video
Command: npx skills add https://github.com/Noetfield-Systems/SourceA --skill product-launch-video-noetfield-systems

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Turning a product URL, pasted script, or marketing brief into a finished launch video normally requires coordinating capture, design, storyboarding, narration, animation, and rendering by hand. This Skill orchestrates that entire pipeline as a gated, step-by-step workflow that produces a rendered MP4. ## Core Features & Use Cases - End-to-end launch video pipeline: Captures a product site, extracts brand tokens, adopts a design preset, writes a storyboard and script, generates narration/BGM/SFX, builds per-frame HTML compositions, and renders the final MP4. - Deterministic helper scripts: Ships scripts for frame-preset brand remixing, audio generation and duration syncing, caption building, transition injection, asset staging, and index assembly. - Per-frame sub-agent dispatch: Dispatches one frame-worker sub-agent per storyboard frame to author self-contained GSAP-driven HTML compositions. - Use Case: A marketer pastes their SaaS product URL and asks for a 30-second launch promo; the Skill captures the site, remixes a design preset onto the brand colors, plans the story beats, generates voiceover and captions, and renders a 1920x1080 video. ## Quick Start Ask the assistant to create a product launch video for your product by providing its URL or a short marketing brief.

Frequently Asked Questions about product-launch-video

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

FAQPage Schema
How do I turn a product URL into a launch video?

Provide the product URL and the Skill captures the site, extracts brand colors and fonts, plans a storyboard and script, generates narration and music, builds each frame as an HTML composition, and renders a final MP4 with the hyperframes CLI.

What inputs does a product launch video workflow accept?

It accepts an explicit product or marketing URL, a pasted script or brief, or a brand name that is resolved to a site via web search. A no-capture path also works when no site exists, using hand-written token and text files.

When should I not use this product launch video skill?

Do not use it for general non-launch website tours, topic explainers without a product, GitHub pull request videos, captioning existing footage, or short unnarrated motion graphics; those route to other dedicated skills.

Does the video generation require API keys for narration and music?

Narration and background music use the HeyGen audio API with the ~/.heygen credential, and asset auto-captioning uses a Gemini, Google, or OpenRouter vision key. Without these, the workflow falls back to silent or DOM-context-only paths.

Why does the frame build step dispatch sub-agents per frame?

Each storyboard frame is authored as an independent self-contained HTML composition, so one frame-worker sub-agent is dispatched per frame, in parallel when possible. The orchestrator then assembles the index, injects transitions, and validates before rendering.