hyperframes is agent-read markdown (skill) from cowork-os/cowork-os: 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 (crossf.
Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.
What the file says
# HyperFrames
HTML is the source of truth for video. A composition is an HTML file with `data-*` attributes for timing, a GSAP timeline for animation, and CSS for appearance. The framework handles clip visibility, media playback, and timeline sync.
## Approach
Before writing HTML, think at a high level:
1. **What** — what should the viewer experience? Identify the narrative arc, key moments, and emotional beats.
2. **Structure** — how many compositions, which are sub-compositions vs inline, what tracks carry what (video, audio, overlays, captions).
3. **Timing** — which clips drive the duration, where do transitions land, what's the pacing.
4. **Layout** — build the end-state first. See "Layout Before Animation" below.
5. **Animate** — then add motion using the rules below.
For small edits (fix a color, adjust timing, add one element), skip straight to the rules.
### Visual Identity Gate
<HARD-GATE>
Before writing ANY composition HTML, you MUST have a visual identity defined. Do NOT write compositions with default or generic colors.
Check in this order:
…
Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.
B 16 of 17 checks passed. Deterministic, no model, same answer every run.
fail: No script tag (matched: <script)
pass: Frontmatter block present
pass: Frontmatter declares a name
pass: Frontmatter declares a description
pass: Size between 200 bytes and 200 KB (20011 bytes)
pass: No zero-width or bidi control characters
pass: No instruction hidden inside an HTML comment
pass: No link to an exfiltration or paste host
pass: No credential-shaped string
pass: No instruction to send local credentials anywhere
pass: No text hidden with inline styles
pass: No prompt-injection phrasing
pass: No curl or wget piped into a shell
pass: No recursive delete of root, home or parent
pass: No instruction to read or print local credentials
pass: No base64 blob over 200 characters
pass: No link to a raw IP address
Source
GitHub
cowork-os/cowork-os · 459 stars · license MIT · pushed 2026-09-23 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_g2oosddsddgwkom4
GET https://markdownregistry.com/api/v1/resolve?ref=cowork-os/cowork-os/hyperframes
GET https://markdownregistry.com/api/v1/blob/9b6ce491cc7323b5901e67125e21e4a22873fcd089b1fd122b6624aae475c81e
Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
cowork-os/cowork-os · resources/plugin-packs/codex-security/skills/attack-path-analysis/SKILL.md · Use when Codex is already in the attack-path-analysis phase of a security scan or the user explicitly asks to trace a…
cowork-os/cowork-os · resources/plugin-packs/codex-security/skills/deep-security-scan/SKILL.md · Use when the user asks for a deep, exhaustive, multi-pass, or variance-reducing repository-wide Codex Security scan…
cowork-os/cowork-os · resources/plugin-packs/codex-security/skills/finding-discovery/SKILL.md · Use when Codex is already in the finding-discovery phase of a security scan or the user explicitly asks to discover…
cowork-os/cowork-os · resources/plugin-packs/codex-security/skills/fix-finding/SKILL.md · Use when the user explicitly asks to fix and verify a validated or plausible security finding. Do not use as the…
cowork-os/cowork-os · resources/plugin-packs/codex-security/skills/security-diff-scan/SKILL.md · Use when the user asks for a security review of a pull request, commit, branch diff, working-tree patch, or other…
cowork-os/cowork-os · resources/plugin-packs/codex-security/skills/security-scan/SKILL.md · Use when the user asks for a repository-wide or scoped-path security scan.
cowork-os/cowork-os · resources/plugin-packs/codex-security/skills/threat-model/SKILL.md · Use when Codex is already in the threat-modeling phase of a security scan, the user explicitly invokes $threat-model…
cowork-os/cowork-os · resources/plugin-packs/codex-security/skills/validation/SKILL.md · Use when Codex is already in the validation phase of a security scan or the user explicitly asks to determine whether…
cowork-os/cowork-os · resources/skills/1password/SKILL.md · Set up and use 1Password CLI (op). Use when installing the CLI, enabling desktop app integration, signing in (single or…
heygen-com/hyperframes · skills/hyperframes/SKILL.md · Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or…
devin-axis/ipollowork · .agents/skills/hyperframes/SKILL.md · Route video creation and editing through the active iPollo Video project and its built-in HyperFrames runtime.
evovexai/evoflow · skills/public/hyperframes/SKILL.md · READ THIS FIRST for any request to make, create, edit, animate, or render a video, animation, or motion graphic — a…
ethanyoq/skill-hub · skills/07-media-content/hyperframes/SKILL.md · Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or…
