Favicon of hyperframes

hyperframes Skill

AI Agent SkillJavaScriptOpen source

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 Published by openai in plugins.

Decision snapshot

Is this a fit?

Best for

Data analysis, Design and media, Writing, Includes SKILL.md

Works with

Compatibility not yet detected.

Access

Permission behavior not yet detected.

Setup

Copy skill directory

Project health

18 days ago

Considerations

No specific cautions were detected. Review the source and requested permissions before installing.

What is hyperframes Skill?

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 Published by openai in plugins. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.

Trust signal
95/100
Maintenance signal
90/100
Adoption signal
92/100

Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement. See how SkillIndex evaluates profiles.

Key capabilities

  • Includes SKILL.md support
  • Reusable instructions support
  • Data analysis
  • Design and media
  • Writing
  • Data analysis use cases
  • Design and media use cases

Declared skill metadata

  • Source file: plugins/hyperframes/skills/hyperframes/SKILL.md

These fields retain source and confidence evidence from the indexed SKILL.md.

Compatibility and setup

Copy skill directory
  • Install or run with Copy skill directory

When to use hyperframes Skill

  • Use it for data analysis.
  • Use it for design and media.
  • Use it for writing.

Built with

JavaScriptCopy skill directory

Editorial notes

Source

  • Creator: openai
  • Repository: openai/plugins
  • Skill file: plugins/hyperframes/skills/hyperframes/SKILL.md

What it does

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

Skill instructions

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

Verified compatibility and discovery

Frequently asked questions

What is hyperframes?

hyperframes is a open-source AI agent skill with Copy skill directory. Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML.

Who is hyperframes best for?

hyperframes is best for reusing agent instructions, scripts, and references, data analysis workflows, design and media workflows, writing workflows.

How do I install hyperframes?

Install or run hyperframes using Copy skill directory. Check hyperframes for the latest setup command.

Is hyperframes actively maintained?

hyperframes may need a closer maintenance check before production use.

Share:

Stars
5,140
Forks
717
Last commit
18 days ago
Last verified
Aug 24, 2026
Metadata fetched
Aug 24, 2026
Repository age
6 months
License
Unknown

Project health auto-fetched from the source repository.

Maintain this resource?

Review this source-backed profile, send a correction with evidence, or link to it from your documentation. Claims verify your relationship to the project; profile facts still require source evidence and editorial review.

Alternatives to hyperframes