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 the user pastes a figma.com link or asks to bring a Figma design, frame, logo, brand, or animation into a HyperFrames video/composition.
Figma content reconstructed as deterministic HyperFrames composition: frozen assets, brand-variable bindings, editable component HTML, and GSAP motion — ready for render without live Figma calls.
Use Cases
A designer pastes a figma.com link of a brand logo and color tokens, asking to use them in a launch video. The agent runs `hyperframes figma asset` and `hyperframes figma tokens`, freezing SVG and brand variables locally. The composition links colors to CSS variables, so later re-branding needs no re-import. Value: fast, deterministic brand integration.
A motion designer wants a Figma frame's animation in a composition. The agent uses Figma MCP `get_motion_context` to derive GSAP motion, freezes assets via CLI, and assembles a state-based timeline. The user gets reconstructed motion ready to render. Value: Figma animations become video without manual keyframing.
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
