Made With Hyperframes Directory Walkthrough

Prompt shared by the creator.

Before you use it: This is the creator’s complete refinement brief for an existing editable HyperFrames project. It relies on local website captures, media, and project documents; those source assets are not included in this directory entry.

# MadeWithHyperframes.com product video prompt Create a polished, 36-second product walkthrough for X using the **existing HyperFrames project** in this repository. Preserve the real website captures, creator video, audio assets, editable compositions, and strongest shots. Refine the current edit rather than starting over. The film should make viewers understand one journey: **discover a community video, see who made it, find the prompt its creator shared, and use that prompt as a starting point for an idea.** MadeWithHyperframes.com is an independent directory of videos made with Hyperframes and Opus. It is not a video editor or generation tool. ## Story and timing 1. **0–6 seconds — Brand and purpose.** Show **MadeWithHyperframes.com** immediately in clean, centered typography. Add “Discover videos made with Hyperframes and Opus.” and “Real creations. Creative prompts. Community inspiration.” Reveal the authentic dark directory beneath the title. The opening must read clearly on a phone and lead into real product footage quickly. 2. **6–15 seconds — Browse and filter.** Show the actual directory, search for “cinematic,” select **Hyperframes**, then enable the real **Full prompt** filter. Let viewers see the results change. Keep the search field, selected controls, video cards, and cursor legible. 3. **15–20 seconds — Open a real example.** Follow the selected **Cinematic AI Future** card into its detail page. Show the video playing, its title, creator **Gowtham**, tool and category information, and **Open original** link. Maintain visual continuity from card to detail page. 4. **20–25 seconds — Shared prompt payoff.** Move into the actual prompt panel. Show a short, exact excerpt and label it as an excerpt. Click **Copy prompt** and hold the real **Copied** confirmation long enough to read. Frame the prompt so its first words are visible; the crop must not cut off the beginning of the text. 5. **25–31 seconds — Community contribution.** Show the site's **Submit your video** control opening the real GitHub contribution guide. Make clear that the guide explains how to submit an original link and creator details for maintainer review. Do not imply an in-site upload or a completed submission. 6. **31–36 seconds — Clear next step.** End on a clean card with **MadeWithHyperframes.com**, “Discover. Get Inspired. Create.” and one CTA: **“Explore the directory.”** Hold the URL and CTA for at least three seconds. ## Visual and motion direction Use the site's verified dark interface, lime and violet accents, restrained typography, and generous spacing. Make the website the visual centerpiece. Use focused crops and small, purposeful camera moves so labels stay readable. Move from directory to card, card to detail, and detail to prompt with short, smooth handoffs. Avoid decorative glow, spinning windows, excessive zoom, and disconnected caption fragments. Keep captions outside important website controls and inside safe margins for X. ## Voice and sound Use the existing locally generated English narration and the current restrained music bed if they serve the pacing. Keep speech clear above music; align each caption to a complete spoken thought. Start and end the music smoothly. Preserve the required **“Origami” by Scott Buckley, CC BY 4.0** credit in the video and published post description. Do not add paid services or unlicensed media. ## Accuracy and delivery Use only the locally frozen, verified website footage and creator media. Some directory entries have no full prompt; demonstrate the filter and the verified complete-prompt entry. Preserve actual UI labels and creator attribution. Do not invent an editor, generation workflow, testimonials, usage statistics, or guaranteed results. Deliver a **1080 × 1920 portrait** main film for X at **30 fps**, a separately composed **1920 × 1080 landscape** version, a **15-second portrait cutdown**, a cover, and the editable HyperFrames project. Render to high-quality H.264 MP4 with AAC audio. Inspect the opening, every interaction and transition, the copied state, captions, audio, and the final CTA in the exported files. Fix visible clipping, unreadable text, black frames, missing assets, or timing errors before delivery. Project evidence and instructions: `BRIEF.md`, `SOURCES_AND_RIGHTS.md`, `RENDERING.md`, and `qa/DELIVERY_REVIEW.md`.