Bold Poster Frame
A 1970s European editorial poster in motion — a red rule draws across, a giant tilted figure drops in, a three-line headline rises line-by-line, an italic serif standfirst fades.
HyperFrames.
HyperFrames-ready motion compositions — agent-built video that blends template HTML with frame-level keyframes.
Artifact kind
Bold Signal Frame
Bold colored card on a dark gradient — big section number, nav breadcrumb, orange card sliding in, title rising.
Build Minimal Frame
Luxury-minimal whitespace hero — single word reveals letter by letter, warm-gold hairline, breathing indicators.
Creative Voltage Frame
Electric split with hand-drawn script — offset panels slide in, display title rises with an outlined word, script strokes itself in.
Read full prompt → Data Rollup Frame
A native Remotion data frame — bars grow from zero by real data via spring physics while the figures roll 0→target in sync.
Decision Tree
Animated flowchart with branching paths
Electric Studio Frame
Two-panel split with quote as hero — white/blue panels open from center, accent bar grows, quote reveals line by line.
Glitch Title Frame
Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.
Hyperframes
Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For CLI commands (init, lint, preview, render, transcribe, tts) see the hyperframes-cli skill.
Hyperframes Video
Hyperframes / Remotion-compatible continuous frame animation with autoplay support.
Kinetic Type
Bold kinetic typography promo
Light-Leak Cinematic Frame
Film light leaks, grain, 16:9 letterbox, and large serif type for cinematic openings or chapter cards.
Liquid Background Hero
WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.
Logo Outro Frame
Segmented logo assembly, glow bloom, and tagline reveal for video outros or brand closing frames.
NYT Graph
Animated data chart in print editorial style
NYT-Style Data Chart Frame
NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).
Pentagram Stat Frame
Swiss-grid statistic anchor — giant number, red accent, growing bars, black data bar. Rational and editorial.
Play Mode
Playful elastic animations
Product Promo
Multi-scene product showcase with SVG assets
Product Promo · 30s
Multi-scene 30-second product promo: problem-type intro, brand reveal, benefits flowchart, product surfaces, value pillars, foundation, CTA outro. Forked from Nate Herk's hyperframes-student-kit (linear-promo-30s); brand-specific copy + assets replaced with generic placeholders.
Swiss Grid
Structured grid layout
Takram Organic Frame
Soft-tech radial node graph as art — frosted rounded card, curved links drawing in, nodes popping outward, gentle float.
VFX Text Cursor
Cursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros.
Vignelli
Bold typography with red accents
Warm Grain
Cream aesthetic with grain texture