website-to-hyperframes

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