Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add oyi77/1ai-skills --skill hyperframes-product-launch-videogit clone --depth 1 https://github.com/oyi77/1ai-skillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/oyi77/1ai-skills/hyperframes-product-launch-video)<a href="https://agentmods.dev/skills/oyi77/1ai-skills/hyperframes-product-launch-video"><img src="https://agentmods.dev/badge/skills/oyi77/1ai-skills/hyperframes-product-launch-video/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/oyi77/1ai-skills/hyperframes-product-launch-video"><img src="https://agentmods.dev/badge/skills/oyi77/1ai-skills/hyperframes-product-launch-video.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00097 | $0.02380 |
| Opus 5 | $0.00048 | $0.01190 |
| Sonnet 5 | $0.00019 | $0.00476 |
| Haiku 4.5 | $0.00010 | $0.00238 |
Grade A, and why
hyperframes-product-launch-video scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured today.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 268 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Overview
This skill assembles a product launch video — hero shot, feature callouts, timing — as a HyperFrames composition. Use it when a new release needs a tight, brandable announcement clip. It renders the final MP4 from the product assets you supply.
HyperFrames — Product Launch Video
Create product launch videos by writing HTML compositions that HyperFrames renders to deterministic MP4. The agent-native video pipeline: LLMs write HTML (their first language), HyperFrames renders frame-exact video via headless Chrome + FFmpeg.
When to Use
- User wants a product launch video from a URL, brief, or script
- User wants a site tour / showcase featuring the product's own visuals
- User wants a social clip (TikTok/Reels/Shorts) with kinetic captions and branding
- User wants a marketing/promo video with animated overlays and music
- User says "make me a video" and provides a product URL or description
When NOT to Use
- User wants real-person / UGC / studio content (needs camera, not HTML)
- User wants live streaming / live commerce (needs RTMP ingest)
- User wants a talking-head interview (use
hyperframes-embedded-captionsorhyperframes-talking-head-recut) - User wants a pure explainer with no product/URL (use
hyperframes-faceless-explainer) - User wants a presentation/deck (use
hyperframes-slideshow)
Workflow
0 · Bootstrap the project
npx hyperframes init my-launch-video
cd my-launch-video
This creates the project scaffold with index.html, package.json, and the HyperFrames CLI configured.
1 · Plan the video
- Input: product URL, brief, or script
- Output: 3-6 scene storyboard with timing (total 30-90s sweet spot)
- Budget: title ≤2s, outro ≤3s, middle scenes ≈8-12s each
- Pick a design language: browse
hyperframes.heygen.com/designfor frame.md templates
2 · Write the composition HTML
The composition contract:
<!doctype html>
<html lang="en">
<body>
<div
id="main"
data-composition-id="intro"
data-start="0"
data-duration="15"
data-width="1080"
data-height="1920"
data-fps="30"
>
<div
class="clip"
data-start="0"
data-duration="5"
data-track-index="0"
>
<!-- Scene content -->
</div>
</div>
</body>
</html>
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- today First seen · 268 lines · 97 tokens per session scan A 1f42485cbdee
hyperframes-product-launch-video is a skill published in the GitHub repository oyi77/1ai-skills (12 stars, last pushed today), licensed MIT. It adds 97 tokens to every session and 2,380 once invoked, about $0.0005 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-10.
Other skills, from other repositories
remotion-agent-video
Remotion v4.0.4xx with agent skill support for AI-driven video creation. Covers programmatic video generation with React, the new effects ecosystem, and first-party agent skills.
reframe
Create and iterate motion-graphics videos (mp4) — title cards, lower thirds, kinetic typography, product teasers, data-driven video batches. Use when the user asks to make, edit, retime, personalize, or add sound to an animated video. Scenes are declarative data; renders are deterministic; human edits survive…
video-hyperframes
Hyperframes / Remotion-compatible continuous frame animation with autoplay support.
saas-product-demo-video
Produce a 20-45s SaaS product demo video in Remotion. Use whenever the user wants to make a product film, marketing reel, explainer, launch video, or LinkedIn/Instagram video of their app - including requests like "make a video of my product", "remotion video", "product demo reel", "launch film", "vertical reel"…
video-hyperframes
Hyperframes / Remotion-compatible continuous frame animation with autoplay support.
video-hyperframes
A web-based sequence of video frames designed for Hyperframes or Remotion, with each frame presenting one visual idea.