HyperFrames Production Director
Give every substantial HyperFrames project a repeatable production layer before
composition authoring. This skill directs the project; it does not replace the
official HyperFrames skills or technical contract.
Authority order
Resolve conflicts in this order:
- The user's explicit instructions for the active project.
- Supplied source material, brand files, approved copy, and destination rules.
- Approved project files such as
BRIEF.md, frame.md, and MOTION_BOARD.md.
- This skill's production standards.
- General creative defaults from the installed HyperFrames skills.
Custom animation, layout, palette, pacing, or source-preservation instructions
always override this skill's defaults when technically valid. Record those
instructions in the project files so they persist.
Required context
Read the official hyperframes skill before acting. Load its routed workflow and
domain skills as required. For design-led work, load hyperframes-creative; for
composition authoring, load hyperframes-core; load animation, keyframe, media,
audio, registry, or CLI skills only when the active project needs them.
Read these packaged references:
references/production-standards.md before planning any fresh or structural
project.
references/frame-spec.md before creating or replacing frame.md.
references/verification.md before approving construction or final output.
Determine project state
Use the first matching state:
| State |
Action |
| User requests only render, preview, publish, diagnosis, or a small isolated edit |
Do not restart production intake. Follow the existing approved project files and official HyperFrames route. |
Approved BRIEF.md, frame.md, and MOTION_BOARD.md exist |
Resume from them. Apply new custom instructions and update only the affected decisions. |
| A composition exists but the project lacks approved direction files, or the user requests a structural redesign |
Audit the source and current composition, then establish or repair the missing production files before rebuilding. |
| Fresh project |
Run the workflow below from Step 1. |
Do not re-interview the user on every revision. Project files are the durable
memory for that video.
Workflow
1. Inspect before asking
Inventory the current project and inspect what exists:
- Source footage, images, audio, transcript, script, URL, or written brief.
- Existing
BRIEF.md, frame.md, design.md, DESIGN.md, MOTION_BOARD.md,
STORYBOARD.md, hyperframes.json, composition HTML, and approved assets.
- Source dimensions, duration, frame rate, audio, and intended destination.
- Brand tokens, fonts, logos, approved names, product identity, and claims.
Infer safe facts from the files. Ask only questions whose answers materially
change the result and cannot be discovered. Never ask the user to manually fill
a template.
2. Lock intent and permissions
Establish and record:
- Audience, outcome, message, duration, aspect ratio, destination, and CTA.
- What may change: picture edit, timing, crop, narration, captions, music, sound,
color treatment, and source identity.
- Required custom animation, transitions, layout states, media, or stylistic
exclusions supplied by the user.
- Approved and unapproved names, products, logos, assets, statistics, and claims.
Anything not explicitly authorized remains unchanged. Write or update
BRIEF.md using the official HyperFrames brief contract when available.
3. Map the usable frame
Inspect representative frames across every source beat. Map:
- Destination safety or supplied platform overlays.
- Caption lane.
- Face, hair, chest, hands, and important body movement.
- Source UI, baked text, logos, products, and important background action.
- The complete paths and overshoot regions of planned animation.
For 1080x1920 portrait work with no authoritative overlay, start from the
essential rectangle x 90–990, y 240–1520, then refine it from the footage.
For 16:9 work with no destination-specific rule, a 5% edge margin is a design
heuristic, not a platform guarantee. Talking-head layouts may use only the
states actually needed from full screen, half screen, and bottom corner / PiP. Define exact geometry before animation.
4. Create the project-specific frame spec
Resolve existing design specifications in this order:
frame.md -> design.md -> DESIGN.md
If an approved frame.md exists, preserve it and amend only decisions affected
by the new brief. Otherwise generate frame.md from the inspected project and
references/frame-spec.md.
The agent fills the complete spec. The user does not replace placeholders.
The spec must contain exact normative values for palette, typography, canvas,
safety, source preservation, components, presenter geometry when relevant,
motion character, approved entities, and explicit exclusions. Prose must define
the concept, hierarchy, aspect-ratio behavior, captions, transitions, and review
criteria.
Do not invent a brand system when approved brand material exists. When no brand
or visual direction exists, derive a brand-neutral proposal from the content and
offer at most two meaningfully different directions if the choice is material.
5. Create a transcript-backed motion board
Create or update MOTION_BOARD.md before detailed composition authoring.
Use word-level transcript timing when narration exists. Otherwise use the
approved script, soundtrack beats, storyboard, or source edit as the timing
authority.
For every beat, record:
| Field |
Requirement |
| Time |
Exact start, end, and duration |
| Message |
One viewer-facing idea |
| Source |
Spoken phrase, source event, or evidence |
| Hero visual |
The dominant communication device |
| Support |
The minimum secondary context |
| Presenter state |
Exact named state or none |
| Choreography |
Specific verbs in priority order |
| Transition |
Meaning, type, duration, and direction |
| Protected regions |
Areas the beat must not obstruct |
| Proof frame |
Timestamp and what it must prove |
Every animation must be able to finish and settle inside its beat. Simplify
choreography that cannot resolve in time. Design one clear idea per beat.
6. Approval gate
Present a concise summary of BRIEF.md, frame.md, and MOTION_BOARD.md, plus
the highest-risk proof frames. Stop before detailed composition authoring until
the user approves or explicitly requests autonomous continuation.
If the user changes animation or design direction, update the project files
first. Do not leave important decisions only in chat history.
7. Direct construction
After approval:
- Route through the official HyperFrames workflow.
- Build the static hero frames for the highest-risk beats first.
- Inspect hierarchy, scale, safety, presenter/source treatment, and design
adherence.
- Add deterministic, seekable motion only after the layouts work.
- Keep critical state on registered composition timelines; avoid wall-clock
behavior, uncontrolled live embeds, and unseeded randomness.
- Keep motion hierarchy clear: hero move, support move, restrained background.
- Preserve user-requested custom animations and document material deviations.
8. Verify proportionally
Use references/verification.md and the installed HyperFrames CLI workflow.
At minimum:
- Run the relevant lint and project checks.
- Smoke render a representative section.
- Capture hook, complex beat, presenter transition, payoff, and final-hold
frames, plus any risky entrance or exit.
- Inspect the actual images at destination size.
- Fix every structural or design-spec failure.
- Render the full output only after the frame review passes.
- Watch the encoded result with and without audio before calling it complete.
Reset early when the layout model fights the source, scale is wrong across
multiple beats, or patch-on-patch fixes are accumulating.
Outputs
For a fresh project, the production handoff is:
BRIEF.md
frame.md
MOTION_BOARD.md
- Local approved assets and transcript references
- Proof-frame timestamps
- A verified HyperFrames composition after approval
Keep paths project-relative and portable. Do not write private machine paths,
credentials, or unrelated workspace identity into shareable project files.
Boundaries
- Do not replace the official HyperFrames technical contract.
- Do not impose one house style, palette, font family, or animation vocabulary
across projects.
- Do not add claims, brands, scenes, narration, music, captions, or identity the
user did not provide or approve.
- Do not rerun the full workflow for render-only tasks or small approved edits.
- Do not treat lint or a successful render command as visual approval.
1---2name: hyperframes-production-director3description: Use when someone starts, creates, plans, rebuilds, or substantially improves a HyperFrames video or motion-graphics project. Automatically establishes the brief, project-specific frame.md, transcript-backed MOTION_BOARD.md, safe regions, presenter states, hero-frame approval, and render-verification gates before detailed composition work. Also use when a HyperFrames result looks generic, web-like, crowded, poorly timed, or visually weak. Do not use for a render-only, publish-only, or small isolated edit on an already approved project.4---56# HyperFrames Production Director78Give every substantial HyperFrames project a repeatable production layer before9composition authoring. This skill directs the project; it does not replace the10official HyperFrames skills or technical contract.1112## Authority order1314Resolve conflicts in this order:15161. The user's explicit instructions for the active project.172. Supplied source material, brand files, approved copy, and destination rules.183. Approved project files such as `BRIEF.md`, `frame.md`, and `MOTION_BOARD.md`.194. This skill's production standards.205. General creative defaults from the installed HyperFrames skills.2122Custom animation, layout, palette, pacing, or source-preservation instructions23always override this skill's defaults when technically valid. Record those24instructions in the project files so they persist.2526## Required context2728Read the official `hyperframes` skill before acting. Load its routed workflow and29domain skills as required. For design-led work, load `hyperframes-creative`; for30composition authoring, load `hyperframes-core`; load animation, keyframe, media,31audio, registry, or CLI skills only when the active project needs them.3233Read these packaged references:3435- `references/production-standards.md` before planning any fresh or structural36 project.37- `references/frame-spec.md` before creating or replacing `frame.md`.38- `references/verification.md` before approving construction or final output.3940## Determine project state4142Use the first matching state:4344| State | Action |45| --- | --- |46| User requests only render, preview, publish, diagnosis, or a small isolated edit | Do not restart production intake. Follow the existing approved project files and official HyperFrames route. |47| Approved `BRIEF.md`, `frame.md`, and `MOTION_BOARD.md` exist | Resume from them. Apply new custom instructions and update only the affected decisions. |48| A composition exists but the project lacks approved direction files, or the user requests a structural redesign | Audit the source and current composition, then establish or repair the missing production files before rebuilding. |49| Fresh project | Run the workflow below from Step 1. |5051Do not re-interview the user on every revision. Project files are the durable52memory for that video.5354## Workflow5556### 1. Inspect before asking5758Inventory the current project and inspect what exists:5960- Source footage, images, audio, transcript, script, URL, or written brief.61- Existing `BRIEF.md`, `frame.md`, `design.md`, `DESIGN.md`, `MOTION_BOARD.md`,62 `STORYBOARD.md`, `hyperframes.json`, composition HTML, and approved assets.63- Source dimensions, duration, frame rate, audio, and intended destination.64- Brand tokens, fonts, logos, approved names, product identity, and claims.6566Infer safe facts from the files. Ask only questions whose answers materially67change the result and cannot be discovered. Never ask the user to manually fill68a template.6970### 2. Lock intent and permissions7172Establish and record:7374- Audience, outcome, message, duration, aspect ratio, destination, and CTA.75- What may change: picture edit, timing, crop, narration, captions, music, sound,76 color treatment, and source identity.77- Required custom animation, transitions, layout states, media, or stylistic78 exclusions supplied by the user.79- Approved and unapproved names, products, logos, assets, statistics, and claims.8081Anything not explicitly authorized remains unchanged. Write or update82`BRIEF.md` using the official HyperFrames brief contract when available.8384### 3. Map the usable frame8586Inspect representative frames across every source beat. Map:8788- Destination safety or supplied platform overlays.89- Caption lane.90- Face, hair, chest, hands, and important body movement.91- Source UI, baked text, logos, products, and important background action.92- The complete paths and overshoot regions of planned animation.9394For 1080x1920 portrait work with no authoritative overlay, start from the95essential rectangle `x 90–990`, `y 240–1520`, then refine it from the footage.9697For 16:9 work with no destination-specific rule, a 5% edge margin is a design98heuristic, not a platform guarantee. Talking-head layouts may use only the99states actually needed from `full screen`, `half screen`, and `bottom corner /100PiP`. Define exact geometry before animation.101102### 4. Create the project-specific frame spec103104Resolve existing design specifications in this order:105106```text107frame.md -> design.md -> DESIGN.md108```109110If an approved `frame.md` exists, preserve it and amend only decisions affected111by the new brief. Otherwise generate `frame.md` from the inspected project and112`references/frame-spec.md`.113114The agent fills the complete spec. The user does not replace placeholders.115116The spec must contain exact normative values for palette, typography, canvas,117safety, source preservation, components, presenter geometry when relevant,118motion character, approved entities, and explicit exclusions. Prose must define119the concept, hierarchy, aspect-ratio behavior, captions, transitions, and review120criteria.121122Do not invent a brand system when approved brand material exists. When no brand123or visual direction exists, derive a brand-neutral proposal from the content and124offer at most two meaningfully different directions if the choice is material.125126### 5. Create a transcript-backed motion board127128Create or update `MOTION_BOARD.md` before detailed composition authoring.129130Use word-level transcript timing when narration exists. Otherwise use the131approved script, soundtrack beats, storyboard, or source edit as the timing132authority.133134For every beat, record:135136| Field | Requirement |137| --- | --- |138| Time | Exact start, end, and duration |139| Message | One viewer-facing idea |140| Source | Spoken phrase, source event, or evidence |141| Hero visual | The dominant communication device |142| Support | The minimum secondary context |143| Presenter state | Exact named state or none |144| Choreography | Specific verbs in priority order |145| Transition | Meaning, type, duration, and direction |146| Protected regions | Areas the beat must not obstruct |147| Proof frame | Timestamp and what it must prove |148149Every animation must be able to finish and settle inside its beat. Simplify150choreography that cannot resolve in time. Design one clear idea per beat.151152### 6. Approval gate153154Present a concise summary of `BRIEF.md`, `frame.md`, and `MOTION_BOARD.md`, plus155the highest-risk proof frames. Stop before detailed composition authoring until156the user approves or explicitly requests autonomous continuation.157158If the user changes animation or design direction, update the project files159first. Do not leave important decisions only in chat history.160161### 7. Direct construction162163After approval:1641651. Route through the official HyperFrames workflow.1662. Build the static hero frames for the highest-risk beats first.1673. Inspect hierarchy, scale, safety, presenter/source treatment, and design168 adherence.1694. Add deterministic, seekable motion only after the layouts work.1705. Keep critical state on registered composition timelines; avoid wall-clock171 behavior, uncontrolled live embeds, and unseeded randomness.1726. Keep motion hierarchy clear: hero move, support move, restrained background.1737. Preserve user-requested custom animations and document material deviations.174175### 8. Verify proportionally176177Use `references/verification.md` and the installed HyperFrames CLI workflow.178179At minimum:1801811. Run the relevant lint and project checks.1822. Smoke render a representative section.1833. Capture hook, complex beat, presenter transition, payoff, and final-hold184 frames, plus any risky entrance or exit.1854. Inspect the actual images at destination size.1865. Fix every structural or design-spec failure.1876. Render the full output only after the frame review passes.1887. Watch the encoded result with and without audio before calling it complete.189190Reset early when the layout model fights the source, scale is wrong across191multiple beats, or patch-on-patch fixes are accumulating.192193## Outputs194195For a fresh project, the production handoff is:196197- `BRIEF.md`198- `frame.md`199- `MOTION_BOARD.md`200- Local approved assets and transcript references201- Proof-frame timestamps202- A verified HyperFrames composition after approval203204Keep paths project-relative and portable. Do not write private machine paths,205credentials, or unrelated workspace identity into shareable project files.206207## Boundaries208209- Do not replace the official HyperFrames technical contract.210- Do not impose one house style, palette, font family, or animation vocabulary211 across projects.212- Do not add claims, brands, scenes, narration, music, captions, or identity the213 user did not provide or approve.214- Do not rerun the full workflow for render-only tasks or small approved edits.215- Do not treat lint or a successful render command as visual approval.