Domains
Forms
Mechanism
Breaks down how the skill works and what it produces, so you can quickly judge whether it fits your scenario and value.
When an agent or user needs to build, edit, or validate a HyperFrames composition HTML file — before writing any composition code, or when structuring tracks, clips, sub-compositions, variables, or Tailwind projects.
data-* timing attributes.A correct, renderable HyperFrames project following the technical contract — deterministic, seekable, framework-owned media, ready for downstream animation/creative skills and CLI rendering.
Use Cases
A developer starts a new HyperFrames video from scratch. Before writing index.html they read hyperframes-core to learn the minimal composition skeleton, root sizing rule, and one-paused-timeline contract. This prevents silent layout bugs and non-deterministic animations, saving debug time and ensuring the project passes `hyperframes check` on first try.
A team edits an existing composition to add a sub-composition and a clip. Using hyperframes-core they preserve IDs/timing, wire the sub-comp host with matching data-composition-id, place media as root children, and run `npx hyperframes snapshot` to verify frames. The skill's rules stop them from breaking render and give a validated, review-ready video.
Skill Relationships
Dependency relationships read as "the upper tier points to the lower tier." The current Skill sits in the middle tier — above are Skills that depend on it, below are Skills it depends on.
Tier 1 · These Skills Use Me
Tier 2 · Current Skill
Tier 3 · I Use These Skills
Browse this skill's relationships within its skillset. Click a node to switch the side panel; use the search box to jump to any skill.
Skill File