hyperframes-creative
๐ฏSkillfrom heygen-com/hyperframes
|Non-animation creative direction for HyperFrames videos covering design specs, color palettes, typography, narration scripting, beat planning, audio-reactive visuals, composition patterns, and brand/style decisions.
Overview
HyperFrames Creative handles all non-animation creative direction for video compositions. It governs brand identity, visual style, color palettes, typography, narration scripting, beat/rhythm planning, and composition layout decisions. The skill works after the technical contract (from hyperframes-core) is established and complements hyperframes-animation by focusing exclusively on the "what" and "why" of visual storytelling rather than the "how" of motion implementation.
Key Features
- Design spec system: hierarchical precedence for project specs (
frame.md>design.md>DESIGN.md) treated as brand truth for colors, fonts, spacing, tone, and constraints - House style and video composition guides: mandatory references that prevent generic web-page-looking output by enforcing video-medium density, scale, foreground metadata (data bars, registration marks, monospace readouts), and 8-10 elements per scene
- Visual style presets: named style routing from mood keywords to specific palettes, plus a design picker for interactive selection
- Typography and palette references: font selection guidelines, pairings, rendered-video type guardrails, and per-palette color token documentation
- Beat direction and rhythm planning: multi-scene pacing, transition timing, and beat structure planning before writing any HTML
- Composition patterns: PiP (picture-in-picture), text-behind-subject, title cards, slide shows, and other layout archetypes
- Design adherence verification: post-authoring checks for colors, type, corners, spacing, and depth against the spec
Who is this for?
Video creators and developers working with HyperFrames who want professional-grade creative direction for their compositions, ensuring cohesive brand identity, intentional pacing, and visually rich output that looks produced rather than generated.
Same repository
heygen-com/hyperframes(48 items)
Installation
npx vibeindex add heygen-com/hyperframes --skill hyperframes-creativenpx skills add heygen-com/hyperframes --skill hyperframes-creative~/.claude/skills/hyperframes-creative/SKILL.mdSKILL.md
More from this repository10
CLI tool for the Hyperframes video rendering framework that provides commands to create, preview, lint, and render HTML-based video compositions to MP4.
Skill for authoring HTML-based video compositions with the Hyperframes framework, covering captions, TTS, audio-reactive animation, and transitions for AI agent-driven video creation.
Skill for installing blocks and components into Hyperframes projects via the `hyperframes add` command, providing access to 50+ ready-to-use overlays, shader transitions, and data visualizations.
A skill for the HyperFrames open-source video rendering framework that teaches AI agents to write correct HTML-based video compositions and GSAP animations, enabling them to render video from HTML code.
The foundational technical contract for HyperFrames HTML video compositions, defining data attributes, clip/track structure, sub-compositions, variables, media playback, deterministic rendering rules, and project validation.
Comprehensive animation skill for HyperFrames providing atomic motion rules, multi-phase scene blueprints, scene transitions, motion-design techniques, and seven runtime adapters including GSAP, Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, and TypeGPU.
Resolves media needs (background music, sound effects, images, icons) into frozen local files by searching the HeyGen catalog, downloading the best match, and registering it in a manifest. One resolve command handles the full cascade from cache lookup to provider search to file freezing.
A media framework by HeyGen for building interactive video experiences with composable frames and real-time rendering capabilities.
A fallback HyperFrames composition authoring skill for custom video creation when no specialized workflow fits. Handles multi-scene pieces, brand reels, montages, title cards, motion posters, static loops, and freeform compositions at any length or format.
Converts arbitrary text (articles, notes, topics, briefs) into faceless explainer videos with auto-generated TTS narration and LLM-designed visuals including typography, abstract graphics, diagrams, and data visualizations.