All skills

Hyperframes Studio

Use when building or editing a HyperFrames project that people open in Studio: how the timeline should be laid out so it reads well (one caption tr…

Claude skills2 min read

By edenfunf/reelmimic, MIT licence. Shared here with credit.

HyperFrames Studio conventions

Studio draws one timeline row per top-level element. A project that follows the rules below opens as a short, readable timeline; one that does not opens as a wall of unlabeled rows the user cannot edit. These are conventions for what to build. For how to change a clip, follow /hyperframes-core references/creator-editing-recipes.md and never invent a different form of the same edit.

1. Every scene is a sub-composition

The root composition holds only timed hosts, media and audio. Any scene with nested structure (a div containing children, a title with a subtitle, a chart) is its own file loaded with data-composition-src, wiring in references/sub-compositions.md.

Nested markup left inside the root does not become a row of its own. It hides inside one opaque row that cannot be trimmed or moved part by part.

Author as if a structure lint rejects any violation.

Free, for your email

Unlock the full skill and get it by email

The rest opens right here, and a copy comes to your inbox too. One email unlocks every guide and every skill. Use your real address.

Unlocks: 2. One caption track · 3. One element kind per track · 4. Safe zones · Checking your work

No spam. Reply "unsubscribe" any time and I delete your address.