LogoClawIndex
CasesSkillsAbout
LogoClawIndex

hyperframes - Create animated video compositions in HyperFrames

Create HTML-based video compositions with timed media, GSAP animation, captions, narration, audio-reactive visuals, and scene transitions.

Tags

Updated: 2026-10-08

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Create HTML video compositions
  • Animate scenes with GSAP
  • Add synchronized captions
  • Generate text-to-speech narration
  • Create audio-reactive visuals
  • Add animated text highlights
  • Add scene transitions
  • Coordinate media timing

Inputs

  • Creative brief
  • DESIGN.md
  • visual-style.md
  • Visual style preset
  • house-style.md
  • Video assets
  • Audio assets
  • Caption timing

Outputs

  • Composition HTML files
  • Animation timelines
  • Caption elements
  • Narration elements
  • Scene transition effects
  • Generated DESIGN.md

Requirements

  • HyperFrames runtime
  • GSAP support
  • HTML-capable rendering environment

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.
video composition
HTML animation
GSAP
captions
text-to-speech
audio-reactive
scene transitions
Create HTML video compositions
Animate scenes with GSAP
Add synchronized captions
Generate text-to-speech narration
Creative brief
DESIGN.md
visual-style.md
Composition HTML files
Animation timelines
Caption elements