diff --git a/docs/prompting/anatomy.mdx b/docs/prompting/anatomy.mdx index d2da83e6e..80ae316bf 100644 --- a/docs/prompting/anatomy.mdx +++ b/docs/prompting/anatomy.mdx @@ -25,7 +25,7 @@ Assembled: > /motion-graphics Make an 8-second 1920x1080 video. Beat 1 (0-4s): dark macOS terminal types "npx skills add heygen-com/hyperframes" character by character, then hold on the blinking cursor. Beat 2 (4-5s): the terminal shatters into fragments. Beat 3 (5-8s): bold white kinetic text on black slams in word by word, snappy: "YOU JUST MADE THIS / WITH HYPERFRAMES." Adapt the `code-typing` and `vfx-shatter` registry blocks; hand-author the kinetic text. No narration, no image or media files. - + *Rendered from the prompt above, unedited.* diff --git a/docs/prompting/captions-catalog.mdx b/docs/prompting/captions-catalog.mdx index 78a9346a3..be00d382c 100644 --- a/docs/prompting/captions-catalog.mdx +++ b/docs/prompting/captions-catalog.mdx @@ -38,7 +38,7 @@ Three [Text Effects](/catalog/components/morph-text) components do one focused j > /faceless-explainer 30-second vertical explainer. Add [`caption-highlight`](/catalog/components/caption-highlight) captions, TikTok-style — the visible line stays up, one word highlighted at a time. - + *Rendered from the prompt above, unedited.* diff --git a/docs/prompting/code-and-prs.mdx b/docs/prompting/code-and-prs.mdx index 966ec3c2b..b7b49e75e 100644 --- a/docs/prompting/code-and-prs.mdx +++ b/docs/prompting/code-and-prs.mdx @@ -15,7 +15,7 @@ Verified, from the [examples](/prompting/examples) page — a 30-second feature > /pr-to-video Make a 30-second 1920x1080 feature-reveal video from [PR URL]. Lead with what users get, not the diff; show the key code change with the `code-diff` block for one beat only; end on version number + repo URL. No narration, kinetic captions instead. - + *Rendered from the prompt above, unedited.* diff --git a/docs/prompting/code-blocks.mdx b/docs/prompting/code-blocks.mdx index 23d713e06..dc06c8a15 100644 --- a/docs/prompting/code-blocks.mdx +++ b/docs/prompting/code-blocks.mdx @@ -42,7 +42,7 @@ The first four are the workhorses of a code *walkthrough* — they keep the code > ``` > Use the `code-typing` registry block. No narration, no image or media files. - + *Rendered from the prompt above, unedited.* diff --git a/docs/prompting/data-and-maps.mdx b/docs/prompting/data-and-maps.mdx index 8fa6bb94a..bebe2712b 100644 --- a/docs/prompting/data-and-maps.mdx +++ b/docs/prompting/data-and-maps.mdx @@ -53,7 +53,7 @@ The US map encodings combine — asking to "shade states *and* draw flows betwee > 12-second 1920x1080 video. A US choropleth shades states by adoption rate with staggered reveals and a gradient legend, then connection arcs draw between San Francisco, Austin, and New York. Use the `us-map` and `us-map-flow` registry blocks. No audio. - + *Rendered from the prompt above, unedited.* diff --git a/docs/prompting/examples.mdx b/docs/prompting/examples.mdx index f2568e650..4f2a3c9a1 100644 --- a/docs/prompting/examples.mdx +++ b/docs/prompting/examples.mdx @@ -10,44 +10,44 @@ Every prompt below has been run end-to-end and one-shots a finished video that p > /motion-graphics 6-second 1920x1080 video, dark navy background. Beat 1 (0-1s): label "ARR" fades up small, top-center. Beat 2 (1-4s): a giant number counts up to $4.2M with an odometer roll, easing out as it lands. Beat 3 (4-6s): "+312% YoY" stamps in below in green, then everything settles into a gentle ambient idle (subtle breathing scale, slow particle drift). Use the `apple-money-count` registry block as base. No narration. - + *Rendered from the prompt above, unedited.* > /motion-graphics 7-second 1080x1350 vertical video. A real tweet card (handle @hyperframes, text "we render video from HTML now. no timeline UI. just code.") slides up over a soft animated gradient, likes counter ticks 0→1.2K, then the card tilts in 3D and a highlight sweeps the second sentence. Hold on the card at the end. Use the `x-post` and `vfx-liquid-background` registry blocks. No narration, no image or media files. - + *Rendered from the prompt above, unedited.* > /motion-graphics 8-second 1920x1080 video. Dark world map, a glowing arc animates from San Francisco to Tokyo over 3s, destination pin drops with a pulse, then camera zooms into Tokyo and the label "LATENCY: 89ms" types on. Use the `nyc-paris-flight` registry block as the base pattern, restyle to teal on charcoal. No narration. - + *Rendered from the prompt above, unedited.* > /motion-graphics 5-second 1920x1080 logo sting. Beat 1 (0-2s): the word "ACME" assembles from scattered particles. Beat 2 (2-3s): full-frame `swirl-vortex` shader transition. Beat 3 (3-5s): logo lockup + tagline "Ship faster." settles on white, holds. Use `code-particle-assemble` for the assembly. - + *Rendered from the prompt above, unedited.* > /product-launch-video Make a 45-second 1920x1080 launch video for https://linear.app. Energetic but minimal, use the site's own palette and screenshots. Structure: hook stating the problem, 3 feature beats with UI captures and one-line captions, end card with logo + "Try it free". Female TTS voice, confident tone, subtle electronic BGM under -18dB. - + *Rendered from the prompt above, unedited.* > /faceless-explainer Turn this into a ~60-second 1080x1920 vertical explainer: [paste your text]. One idea per scene, big typography, diagrams over stock footage, brand color #FF5533 on off-black. Male TTS voice, calm. Embedded captions, keywords highlighted in the brand color. With a verbatim script, final duration follows the narration — ask for "~60 seconds", not exactly 60. - + *Rendered from the prompt above, unedited.* > /pr-to-video Make a 30-second 1920x1080 feature-reveal video from [PR URL]. Lead with what users get, not the diff; show the key code change with the `code-diff` block for one beat only; end on version number + repo URL. No narration, kinetic captions instead. - + *Rendered from the prompt above, unedited.* > /music-to-video 20-second 1080x1080 video from ./track.mp3 (pick the best 20 seconds of the track) and the 8 photos in ./shots/. Cut on the beat grid, one photo per bar, punch-in on downbeats, `whip-pan` transitions on phrase changes. End on the last photo with "SUMMER '26" in condensed caps. No TTS. - + *Rendered from the prompt above, unedited.* @@ -57,52 +57,52 @@ Every prompt below has been run end-to-end and one-shots a finished video that p > 12-second 1920x1080 video, off-white background. The quote "Simplicity is the ultimate sophistication" builds word by word in massive black serif type, each word snapping in with a slight overshoot; "sophistication" lands last in italic with a hand-drawn underline drawing on. Attribution "— Leonardo da Vinci" fades in small, bottom-right, at 9s. Settle into a barely-visible ambient idle to the end. No audio. - + *Rendered from the prompt above, unedited.* > 6-second 1920x1080 video. Numbers 3, 2, 1 each fill the frame for one second — each number wipes in with a diagonal mask and its background alternates black/white with inverted text. At 3s the frame slams to "LAUNCH DAY" in condensed caps with a screen-shake, holds with a subtle grain flicker. No audio. - + *Rendered from the prompt above, unedited.* > 10-second 1920x1080 video, dark slate background. Title "Top languages 2026" top-left. Five horizontal bars (Python, TypeScript, Rust, Go, Java) grow from zero with staggered starts, overtaking each other twice mid-animation; each bar has a right-edge value label counting up to its final %. End state holds 2s with the leader pulsing once. Hand-draw everything — no chart library. No audio. - + *Rendered from the prompt above, unedited.* > 8-second 1920x1080 video. Vertical split: left half labeled "BEFORE" shows a cluttered mock UI (grey, 12 overlapping windows drawn in CSS), right half "AFTER" shows one clean card. Both halves settle within the first second. A vertical divider line sweeps left to right at 4s, wiping the clutter into the clean state across the full frame. End on "One tool." centered. No audio. - + *Rendered from the prompt above, unedited.* > 7-second 1920x1080 video, black background. A thin white progress ring draws from 0° to 360° over 4s while a percentage counter (0→100) ticks in the center in mono type, matching the arc exactly. Ring and counter fade out fully by 4.2s; at 4.2s the ring bursts outward into short radial dashes and "READY." stamps into the center, then holds. No audio. - + *Rendered from the prompt above, unedited.* > 9-second 1920x1080 video, light warm cream background. Build the scene in Three.js via the adapter: three rounded card meshes labeled "Design", "Build", "Ship" lie flat on the ground plane, camera at a fixed 3/4 isometric angle, soft directional light + ambient so the cards cast soft shadows. One at a time each card lifts and straightens upright to face the viewer center-frame while the other two slide apart and dim; then it returns. Finish with all three standing upright in a row by 8.5s, hold. All easing power3.inOut. No audio. - + *Rendered from the prompt above, unedited.* > 6-second 1920x1080 video, deep green background. A minimal mountain-range logo draws on as an SVG stroke over 2.5s, then the stroke fills with cream, the wordmark "NORTHTRAIL" letterspaces in beneath it, and a thin rule expands from center. Hold the last 1.5s. No audio. - + *Rendered from the prompt above, unedited.* > 8-second 1920x1080 video, white background. Static sentence "Make it ___." in huge black type stays centered while the blank cycles through "faster", "simpler", "yours" — each swap flips vertically like a split-flap board, 1.5s apart, with a slight blur on motion. Final word "yours." lands in orange and the period pops. No audio. - + *Rendered from the prompt above, unedited.* > 10-second 1920x1080 video, near-black background. Four stat tiles slide up in a 2x2 grid, staggered: "99.99% uptime", "42ms p50", "18M req/day", "0 incidents". Each tile's number counts or decrements to its value with its own easing; sparklines draw underneath in teal. At 8s the grid scales back and "Built to hold." fades in above. No audio. - + *Rendered from the prompt above, unedited.* > 9-second 1080x1920 vertical video, charcoal background. Social-style hook: "nobody talks about this" types on center in bold white, then each following phrase replaces it on a hard cut every 1.5s — "it's not your code", "it's your prompts", "here's the fix" — with yellow highlight bars behind key words, alternating tilt. Last phrase holds with an arrow-down bounce. No audio. - + *Rendered from the prompt above, unedited.* diff --git a/docs/prompting/explainers.mdx b/docs/prompting/explainers.mdx index 61206cf39..17cb5af6b 100644 --- a/docs/prompting/explainers.mdx +++ b/docs/prompting/explainers.mdx @@ -15,7 +15,7 @@ Verified, from the [examples](/prompting/examples) page — a ~60-second vertica > /faceless-explainer Turn this into a ~60-second 1080x1920 vertical explainer: [paste your text]. One idea per scene, big typography, diagrams over stock footage, brand color #FF5533 on off-black. Male TTS voice, calm. Embedded captions, keywords highlighted in the brand color. - + *Rendered from the prompt above, unedited.* diff --git a/docs/prompting/motion-graphics.mdx b/docs/prompting/motion-graphics.mdx index 8be4571ce..9e6800682 100644 --- a/docs/prompting/motion-graphics.mdx +++ b/docs/prompting/motion-graphics.mdx @@ -23,7 +23,7 @@ The canonical shape: routed, spec'd, beat-timestamped, copy quoted, technique pi > /motion-graphics Make an 8-second 1920x1080 video. Beat 1 (0-4s): dark macOS terminal types "npx skills add heygen-com/hyperframes" character by character, then hold on the blinking cursor. Beat 2 (4-5s): the terminal shatters into fragments. Beat 3 (5-8s): bold white kinetic text on black slams in word by word, snappy: "YOU JUST MADE THIS / WITH HYPERFRAMES." Adapt the `code-typing` and `vfx-shatter` registry blocks; hand-author the kinetic text. No narration, no image or media files. - + *Rendered from the prompt above, unedited.* diff --git a/docs/prompting/music-and-slideshows.mdx b/docs/prompting/music-and-slideshows.mdx index e3b0047cf..0baaf1afd 100644 --- a/docs/prompting/music-and-slideshows.mdx +++ b/docs/prompting/music-and-slideshows.mdx @@ -22,7 +22,7 @@ The verified starting point: photos cut to a track, exported to a square MP4. > /music-to-video 20-second 1080x1080 video from ./track.mp3 (pick the best 20 seconds of the track) and the 8 photos in ./shots/. Cut on the beat grid, one photo per bar, punch-in on downbeats, `whip-pan` transitions on phrase changes. End on the last photo with "SUMMER '26" in condensed caps. No TTS. - + *Rendered from the prompt above, unedited.* diff --git a/docs/prompting/overlays-and-lower-thirds.mdx b/docs/prompting/overlays-and-lower-thirds.mdx index eb12cbfbb..1d17612fa 100644 --- a/docs/prompting/overlays-and-lower-thirds.mdx +++ b/docs/prompting/overlays-and-lower-thirds.mdx @@ -49,7 +49,7 @@ Quote the exact copy — unquoted names and titles get paraphrased (see [anatomy > Add a lower third at 0:03 for 5 seconds, on a track above the footage, with [`lt-clean-bar`](/catalog/blocks/lt-clean-bar). Name: "Dana Ríos". Title: "Head of Design". - + *Rendered from the prompt above over stand-in footage, unedited.* diff --git a/docs/prompting/product-launch.mdx b/docs/prompting/product-launch.mdx index dd442aff4..a2e5d1761 100644 --- a/docs/prompting/product-launch.mdx +++ b/docs/prompting/product-launch.mdx @@ -22,7 +22,7 @@ Verified, from the [examples](/prompting/examples) page — a 45-second launch f > /product-launch-video Make a 45-second 1920x1080 launch video for https://linear.app. Energetic but minimal, use the site's own palette and screenshots. Structure: hook stating the problem, 3 feature beats with UI captures and one-line captions, end card with logo + "Try it free". Female TTS voice, confident tone, subtle electronic BGM under -18dB. - + *Rendered from the prompt above, unedited.* diff --git a/docs/prompting/recreating-references.mdx b/docs/prompting/recreating-references.mdx index 7b6042c4b..931a4afc0 100644 --- a/docs/prompting/recreating-references.mdx +++ b/docs/prompting/recreating-references.mdx @@ -27,7 +27,7 @@ A distilled spec that one-shots a broadcast-style animated globe: > CAPTION: "Across 82 Countries" — Inter 300, 34px, 0.06em tracking, white at 90%, top-center 12% from the top; left-to-right per-letter fade starting t=1.0s completing ~1.45s, then a slow 6px upward drift still easing at the final frame. > > No audio. - + *The one-shot render produced by this exact spec on a fresh build — no iteration.* diff --git a/docs/prompting/transitions.mdx b/docs/prompting/transitions.mdx index c9a12caa1..d7cd49449 100644 --- a/docs/prompting/transitions.mdx +++ b/docs/prompting/transitions.mdx @@ -52,7 +52,7 @@ Name the block and the seam — transitions are the one place where per-seam con > /general-video Six-scene SaaS explainer. Use [`whip-pan`](/catalog/blocks/whip-pan) as the primary transition between related points, and one [`cinematic-zoom`](/catalog/blocks/cinematic-zoom) into the final pricing reveal. Medium energy, ~0.4s each. - + *Rendered from the prompt above, unedited — whip-pan on four seams, cinematic-zoom into the pricing reveal.* diff --git a/docs/prompting/variables-and-templating.mdx b/docs/prompting/variables-and-templating.mdx index 505672411..679bf2243 100644 --- a/docs/prompting/variables-and-templating.mdx +++ b/docs/prompting/variables-and-templating.mdx @@ -9,9 +9,9 @@ The trigger phrase is simple — call out the slots: > Build a 6-second title card. Make the **name**, the **logo**, and the **accent color** variables; everything else stays fixed. - + *Default variable values.* - + *The same composition re-rendered with `--variables` overrides — different name, logo, and accent, zero re-prompting.* diff --git a/docs/prompting/vfx-and-liquid-glass.mdx b/docs/prompting/vfx-and-liquid-glass.mdx index 81a9371a2..19df81f88 100644 --- a/docs/prompting/vfx-and-liquid-glass.mdx +++ b/docs/prompting/vfx-and-liquid-glass.mdx @@ -11,7 +11,7 @@ To put your product UI inside a real phone or laptop, name [`vfx-iphone-device`] > /product-launch-video 15-second 1920x1080 video. Our dashboard UI lives on the screen of a real iPhone 15 Pro Max that turntables slowly under product-review lighting, then a MacBook Pro slides in beside it showing the same UI wider. Use the `vfx-iphone-device` registry block. No narration. - + *Rendered from the prompt above (the block's demo UI on screen), unedited.*