CtrlK
BlogDocsLog inGet started
Tessl Logo

figma

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI), connector-assisted motion when available, and shaders from a connector or native export. Use when the user pastes a figma.com link or asks to bring a Figma design, frame, logo, brand, or animation into a video/composition.

76

Quality

94%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

88%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A highly actionable, well-sequenced skill body with concrete commands, named helpers, and strong validation/feedback loops across all phases. It is dense and mostly lean, with only minor verbosity and a few long inline sections that could be split out.

Suggestions

Trim narrative asides like 'A fast no-op when everything is current; otherwise it refreshes...' and the 'While onboarding, also set expectations in one breath:' preamble to tighten conciseness.

Consider moving the detailed storyboard grammar (scene-unit detection, diff-chaining rules, note→transition table) into a separate references/ file referenced from the Storyboards section, leaving the overview inline.

Move the motion decoding field-notes (loop-wrap tail handling, bezier preservation, selectorFor rules) into a one-level-deep reference so the Motion section reads as an overview.

DimensionReasoningScore

Conciseness

Dense, operational content that assumes Claude's competence (no explanations of what Figma/GSAP are), but a few asides pad it slightly — e.g. 'A fast no-op when everything is current; otherwise it refreshes...' and 'While onboarding, also set expectations in one breath:' followed by a long parenthetical — which could be trimmed.

4 / 5

Actionability

Fully executable guidance throughout: exact CLI invocations (`hyperframes figma asset '<ref>' [--format ...] [--scale 2]`), named helper functions with arguments (`motionContextToDocs(rawResponse, { selectorFor, repeat })`), and a complete verify command with flags and thresholds — copy-paste ready.

5 / 5

Workflow Clarity

A phased workflow table sequences the process, and each risky/batch phase has explicit validation checkpoints and feedback loops: token preflight, mandatory 'Validate against ground truth', `npx hyperframes check` before completion, and error-recovery mappings for BAD_TOKEN/FORBIDDEN/RATE_LIMITED.

5 / 5

Progressive Disclosure

Well-organized with clear section headers and one real, well-signaled bundle file (scripts/verify-motion.mjs, referenced inline at the validation step). However the storyboard grammar and motion decoding rules are long inline sections that could plausibly live in separate reference files, leaving minor organization gaps.

4 / 5

Total

18

/

20

Passed

Description

100%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong, third-person description that names concrete capabilities and gives explicit, natural trigger phrases covering the full range of user requests. It is comprehensive yet concise with no over-claims or fluff.

DimensionReasoningScore

Specificity

Lists multiple concrete actions across the domain — 'rendered assets, brand tokens, components, storyboard sections → reconstructed motion ... and shaders' — giving comprehensive coverage rather than a single generic verb.

5 / 5

Completeness

Explicitly answers both 'what' (import Figma content into a HyperFrames composition across assets/tokens/components/motion/shaders) and 'when' ('Use when the user pastes a figma.com link or asks to bring...') with concrete trigger phrases.

5 / 5

Trigger Term Quality

Uses natural user-facing phrases ('pastes a figma.com link', 'Figma design, frame, logo, brand, or animation into a video/composition') covering the real ways users request this, including synonyms and the URL form.

5 / 5

Distinctiveness Conflict Risk

Clear niche (Figma → HyperFrames) with a distinct, specific trigger (figma.com link, named Figma artifact types) that is unlikely to fire for unrelated skills.

5 / 5

Total

20

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
heygen-com/hyperframes
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.