What problem does it solve? Video compositions built without design direction end up looking like generic web pages with default fonts, lazy color choices, and flat layouts. This Skill supplies the non-animation creative direction layer for HyperFrames videos so every scene has deliberate brand, pacing, and composition decisions. ## Core Features & Use Cases - Design Spec Handling: Resolves and parses frame.md / design.md specs, treating frontmatter tokens as normative brand truth for colors, fonts, spacing, and constraints. - Palettes & Typography: Ships curated palette files (bold-energetic, dark-premium, clean-corporate, and more) plus typography guardrails covering embedded fonts, banned monoculture fonts, and pairing rules. - Beat & Composition Planning: Provides beat-direction, rhythm planning, composition patterns (picture-in-picture, text-behind-subject, title cards), and prompt expansion into full production breakdowns. - Use Case: When asked to create a product launch video, the Skill loads the project's design spec, picks a palette and typefaces, plans per-scene beats with motion verbs and transitions, and verifies the final HTML against the spec before serving. ## Quick Start Ask the agent to design a HyperFrames video for your product launch using the hyperframes-design skill and your project's frame.md spec.
