hyperframes-creative
Set visual tone, brand identity, and composition strategy for HyperFrames projects through design specs, style presets, and beat planning. This skill handles palettes, typography, narration pacing, and audio-reactive direction while delegating motion patterns and transitions to hyperframes-animation.
hyperframes-creative applies brand guidelines, visual styling, and creative direction to HyperFrames videos without handling animation.
AI-generated summary based on this skill's SKILL.md
Install
heygen-com/hyperframes/hyperframes-creative · repository language: TypeScript
git clone https://github.com/heygen-com/hyperframes
cp -r hyperframes/skills/hyperframes-creative ~/.claude/skills/hyperframes-creativeFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do I design hyperframes video style with brand guidelines?
hyperframes-creative lets you apply creative direction and brand guidelines to set the visual tone of your videos. Define palettes, typography, and design presets in your project spec to establish consistent aesthetics across scenes. The skill handles style application, composition planning, and beat rhythm—leaving motion patterns and transitions to hyperframes-animation for clean separation of concerns.
What does hyperframes-creative cover versus animation?
hyperframes-creative focuses on creative direction, not animation. It manages visual styling, brand identity, composition strategy, design specs, palettes, typography, narration pacing, and audio-reactive direction setup. hyperframes-animation handles motion patterns, transitions, and keyframe execution. This separation lets you plan your creative vision independently before animation brings it to life.
How do I plan video composition and beat rhythm in hyperframes-creative?
hyperframes-creative supports beat planning and scene structure before animation begins. You can map composition patterns (like PiP, title cards, and scene layouts), define beat direction and rhythm, and structure your story spine. This planning phase ensures your narrative pacing and visual composition align before motion execution starts.
Can hyperframes-creative configure audio-reactive visuals and narration?
Yes. hyperframes-creative handles audio-reactive visuals setup and narration timing configuration. You can map audio bands to motion direction, set narration pacing, and coordinate visual timing with sound. This ensures your video's audio and visual elements work together cohesively from the design phase onward.
What design elements can I select for consistent video aesthetics?
hyperframes-creative lets you select color palettes, typography, and design presets to maintain visual consistency. You can define house style defaults, visual mood presets, and style variations. These selections apply across your project, ensuring every frame adheres to your brand identity and creative vision.
Does hyperframes-creative verify design adherence in rendered frames?
hyperframes-creative includes design verification and validation capabilities. It can check color contrast in rendered frames and verify that your output adheres to defined design specs and brand guidelines, helping ensure quality and consistency across your final video.
SKILL.md
rendered from the published skill — quoted content, verbatim
HyperFrames Creative
Brand, pacing, style, narration, and composition direction. Use after the technical contract from hyperframes-core is in place.
For motion patterns, scene blueprints, transitions, and CSS marker effects, use hyperframes-animation — this skill is intentionally non-animation.
> Read these two FIRST for any non-trivial composition — they override web instincts:
>
> - references/house-style.md — "interpret the prompt, generate real content," the lazy-default list, and the background/foreground layer recipe. This is what turns a literal restyle into a concept.
> - references/video-composition.md — video-medium scale, depth, and foreground detail. It explains how to avoid empty web-page layouts without imposing a universal element count.
>
> Skipping these is the single biggest cause of
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 15 files
skills/hyperframes-creative/SKILL.md
skills/hyperframes-creative/frame-presets/biennale-yellow/FRAME.md
skills/hyperframes-creative/frame-presets/biennale-yellow/caption-skin.html
skills/hyperframes-creative/frame-presets/biennale-yellow/frame-showcase.html
skills/hyperframes-creative/frame-presets/blockframe/FRAME.md
skills/hyperframes-creative/frame-presets/blockframe/caption-skin.html
skills/hyperframes-creative/frame-presets/blockframe/frame-showcase.html
skills/hyperframes-creative/frame-presets/blue-professional/FRAME.md
skills/hyperframes-creative/frame-presets/blue-professional/caption-skin.html
skills/hyperframes-creative/frame-presets/blue-professional/frame-showcase.html
skills/hyperframes-creative/frame-presets/bold-poster/FRAME.md
skills/hyperframes-creative/frame-presets/bold-poster/caption-skin.html
skills/hyperframes-creative/frame-presets/bold-poster/frame-showcase.html
skills/hyperframes-creative/frame-presets/broadside/FRAME.md
skills/hyperframes-creative/frame-presets/broadside/caption-skin.html