AI Agent Skills

Connect interface scenes through movement with matching speed. Useful for a short product introduction that feels like one continuous camera move.

Keep a large headline fixed while the presenter leaves the frame, creating a strong transition from a speaker to the message.

Show the same prompt across several interfaces, then assemble the results into a launch reel. Supply real examples that support the capability being shown.

Present a product interface on a device in a dark studio setting. Plan the scroll, key interaction and final brand frame around your actual interface.

Reveal a brand mark through the refraction and rupture of a liquid bead. Useful for a compact visual opening or closing sequence.

Tell a product story through a prompt, streamed answer, follow-up action and final result inside an app interface. Plan the script around a real workflow.

Explain a software change through a fast view of the diff, a readable summary and capability scenes. Supply the actual change and the audience-facing result.

Develop a presentation through full-frame imagery and concise captions. Plan the story sequence for a documentary pitch, cultural explanation or launch narrative.

The spec-driven environment for AI coding agents, where your planning becomes lasting, shared project context.

The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositi…

Extract a single frame from a local video at the first frame, a timestamp, or a zero-based frame index using FFmpeg.

Rescuing a messy startup deck into a board-grade system — the diagnosis, the page grammar, and the rebuilt proof pages. Built as a decision-grade design craft deck for f…

Overlay doctrine for the embedded-captions workflow — the caption MODEL (drop / rail / embed) and the rule that captions are an OVERLAY composited on top of the film, ne…

The technique catalog: five velocity-matched SEAMS (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut, rack-focus blur-cut) plus the two in-scene techniqu…

House-style oversized macOS cursor technique for HyperFrames launch videos. Load whenever a scene involves cursors or a pointer-led action, when kicking off a UI scene,…

Render-correctness doctrine for scene-to-scene seams in HyperFrames launch videos — the prerequisites that make transitions composite correctly on the master timeline. L…