website-to-hyperframes

Installation
Summary

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
SKILL.md

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
Installs
89.4K
GitHub Stars
27.5K
First Seen
Apr 16, 2026
website-to-hyperframes — heygen-com/hyperframes