hyperframes-creative

Read an existing `frame.md` or `design.md` first and treat its frontmatter tokens as brand truth. If none exists, route through house style, named visual styles, or the interactive design picker, which outputs a spec-compliant `design.md` with colors, typography, spacing, and component rules.

Use the beat-direction reference to define each beat's concept, mood, motion verbs, depth layers, and SFX cues before writing HTML. Choose shader transitions for hero reveals, CSS crossfades for connective beats, and hard cuts for rapid-fire sequences.

When a brief requests cartoon, cutout, or illustrated worlds, you must create illustrated local asset files for characters, buildings, and props, plus `ASSET_PLAN.md`, `asset-manifest.json`, and a contact sheet before any frame authoring. Primitive geometry, emoji, and CSS boxes are prohibited as stand-ins.

No, it is intentionally non-animation. It covers brand, pacing, style, narration, and composition direction only. Atomic motion patterns, scene blueprints, transitions, and CSS marker effects are delegated to the separate hyperframes-animation skill.

The most common cause is skipping the house-style and video-composition references, which the skill treats as mandatory for non-trivial compositions. They enforce video-medium scale, depth layers, foreground detail, and concept-driven design instead of literal restyling.

Pre-extract frequency band data with the `extract-audio-data.py` script, then sample it per frame via `tl.call()` on the GSAP timeline to drive properties like scale, glow, or color. Runtime Web Audio analysis and randomness are not supported.