DeepSeek V4.1 Flash + HyperFrames for motion graphic videos.

Use the installed /hyperframes skill to create a deterministic motion-graphics video. Read BRIEF.md and inspect every file in assets/ before editing. Do not invent copy, product claims, UI, metrics, logos, testimonials, or integrations.

Production target:
- purpose: [ONE THING THE VIEWER MUST UNDERSTAND]
- audience: [SPECIFIC VIEWER]
- format: [9:16 / 1:1 / 16:9]
- duration: [SECONDS]
- output: [WIDTH] × [HEIGHT], 30 fps
- approved copy: [EXACT LINES]
- approved assets: [EXACT PATHS]
- palette: [HEX VALUES]
- type system: [FAMILY / WEIGHTS / MAXIMUM LINE COUNT]
- motion language: [3–5 ALLOWED MOTION BEHAVIORS]
- prohibited treatments: random glitches, decorative particles, fake UI, unapproved gradients, excessive bounce

Before writing code:
1. Summarize the source of truth in eight bullets or fewer.
2. List the assets found and flag anything missing.
3. Return a time-coded four-beat storyboard.
4. Propose shared design tokens and reusable scene primitives.
5. Stop if the brief contains conflicting requirements.

After the storyboard is approved:
- build in plain HyperFrames HTML/CSS/GSAP;
- follow the required clip data attributes and register paused timelines;
- keep copy inside title-safe margins;
- use semantic IDs and shared motion tokens;
- avoid duplicate timelines and one-off CSS patches;
- do not edit unrelated files.

Validation gate:
1. Run the HyperFrames preview.
2. Run npx hyperframes lint.
3. Capture snapshots at the start, midpoint, and CTA hold.
4. Compare every frame against BRIEF.md.
5. Fix only the highest-impact failure, then rerun validation.
6. Render only after lint passes and the snapshots are approved.

Return the changed files, commands run, lint result, render path, duration, dimensions, and unresolved risks.

Edit only scene [SCENE ID] between [START]s and [END]s.

Goal: [VISIBLE CHANGE]
Keep unchanged: global timing, canvas dimensions, copy, palette, type scale, all other scenes, render settings, and asset paths.
Allowed motion: [ALLOWED BEHAVIORS]
Definition of done: [3 OBSERVABLE CHECKS]

First inspect the current scene, shared tokens, and master timeline. Explain the smallest viable patch. Do not duplicate existing CSS, create a second master timeline, add dependencies, or refactor unrelated code.

After editing, run lint and capture a snapshot at [TIMESTAMP]. Report the exact files and lines changed. If the requested effect conflicts with HyperFrames timing or media rules, stop and explain the conflict instead of improvising.

Review the current HyperFrames composition against BRIEF.md without editing first.

Inspect:
- composition schema and clip attributes;
- timeline registration and deterministic seeking;
- scene boundaries and CTA hold;
- title-safe margins at the target aspect ratio;
- type hierarchy, wrapping, and contrast;
- duplicated selectors, timelines, conditions, or magic numbers;
- missing assets, invented claims, and unapproved copy;
- preview errors, lint output, and render logs.

Return a ranked table with severity, evidence, affected file, and smallest safe fix. Separate blocking defects from aesthetic preferences. Do not call a preference a defect.

After one item is approved, implement only that item, rerun lint, and show the before/after snapshot. Do not bundle cleanup or redesign work into the patch.