website-to-hyperframes

SKILL.md

Convert websites into professional HyperFrames videos with guided storyboarding and brand-aligned composition.

Captures website content and brand identity, then guides you through a 7-step workflow: brand analysis, messaging strategy, storyboard approval, voice-over generation, composition building, and validation

Supports multiple video types (social ads, product demos, feature announcements, brand reels) with flexible duration and format (landscape, portrait, square)

Includes collaborative gates at storyboarding, voice/caption preferences, and composition review; autonomous mode skips preference questions but enforces all quality-verification checkpoints

Integrates with HyperFrames for HTML-in-Canvas animations, timing synchronization with narration, and multi-beat composition validation before delivery

Website to HyperFrames

Capture a website, then produce a professional video from it.

Users say things like:

"Capture https://... and make me a 25-second product launch video"

"Turn this website into a 15-second social ad for Instagram"

"Create a 30-second product tour from https://..."

The workflow has 7 steps. Each produces an artifact that gates the next. By default it's collaborative — gates marked 💬 stop and ask the user. If the user signals autonomous mode ("decide for me", "surprise me"), 💬 user-preference gates are skipped; see step-2-brief.md for how that propagates.

Autonomous mode is NOT "skip all gates." Auto mode covers user-preference questions (TTS provider, voice, color emphasis, beat count, music yes/no, captions yes/no — where the agent decides on the user's behalf). It does NOT cover quality-verification gates. The following remain non-skippable in auto mode:

Asset Audit (Step 3) — viewing contact sheets and justifying USE/SKIP for each asset

Per-beat HTML read (Step 5) — structured evidence block per beat

DoD checklist (Step 6) — including animation-map, per-warning WCAG verification, audio/motion playback

Honest disclosure section (Step 6) — "What I did NOT verify" must appear in your final summary