CtrlK
BlogDocsLog inGet started
Tessl Logo

figma-use-motion

Motion / animation context for the `use_figma` MCP tool — animating Figma nodes via manual keyframes, animation styles, easing, and timeline duration. Load alongside figma-use whenever a task involves adding, editing, or inspecting animation on a node.

76

Quality

96%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

92%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.

The body is a highly actionable, well-gated companion skill: exact API surface, precise public-vs-internal naming rules, a cost-aware verification loop with an ffmpeg command, and cleanly split one-level-deep references. Its only weakness is mild repetition of the render-cost message in the verification section.

Suggestions

State the render-cost caution once in the Verifying the animation section and drop its restatements (e.g. "so make each render count" in the intro line, "make each one count instead of re-exporting after each small change", and "Higher just bloats the render") to tighten conciseness.

Trim justification sentences like "Otherwise you'll burn calls and confuse the user with repeated identical failures" to the bare rule ("Do not retry; tell the user motion isn't enabled and stop") since the reason is evident from the error.

Consider collapsing the numbered "Plan before rendering" steps' parenthetical asides (e.g. the 1x/10x/4096px clamp detail) into the reference docs to reduce inline token cost.

DimensionReasoningScore

Conciseness

The body is dense and assumes Claude's competence (no explanation of what Figma or animation is), but the render-cost caution is repeated across several paragraphs of the verification section ("make each render count" appears in multiple forms) and a couple of justification sentences could be trimmed — efficient with minor instances of over-explanation, the 4 anchor.

4 / 5

Actionability

Fully executable guidance: exact API names and signatures, exact public enum values (EASE_IN_AND_OUT vs EASE_IN_OUT), concrete export_video parameters (constraint: { type: 'WIDTH', value: 320 }, quality: "low", fps: 5), and a copy-paste ffmpeg frame-extraction command — matching the fully-executable 5 anchor.

5 / 5

Workflow Clarity

Clear gated sequence (feature-flag bail-out on a named error), a well-ordered verification workflow with an explicit feedback loop (export → poll → extract frames → read all → batch fixes → re-render until right), and a pre-flight checklist — the 5 anchor with validation checkpoints and error-recovery loops.

5 / 5

Progressive Disclosure

The body is an overview (~65 lines) with a well-signaled "when to load / what it covers" table pointing to two real one-level-deep reference files; the anchor link used (motion-patterns.md#animatable-fields) resolves to an actual heading, and the companion-skill cross-link is explicit — matching the 5 anchor.

5 / 5

Total

19

/

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.

The description is exemplary: it states concrete capabilities in third person, includes the full natural trigger vocabulary for the motion/animation domain, gives an explicit when-to-load clause, and carves out an unambiguous niche distinct from its companion skill. It is both concise and complete.

DimensionReasoningScore

Specificity

Names the domain and multiple concrete capabilities — "animating Figma nodes via manual keyframes, animation styles, easing, and timeline duration" — comprehensively covering the skill's action surface in third person, matching the 5 anchor; not 4 because there are no meaningful coverage gaps.

5 / 5

Completeness

Explicitly answers both what (motion context: keyframes, animation styles, easing, timeline duration for the use_figma MCP tool) and when ("Load alongside figma-use whenever a task involves adding, editing, or inspecting animation on a node") with a concrete trigger phrase, matching the 5 anchor exactly.

5 / 5

Trigger Term Quality

Natural vocabulary a user would actually say — "motion", "animation", "animating", "keyframes", "easing", "timeline duration" — including synonym variants, so it clearly fits the comprehensive-coverage anchor rather than the good-coverage-with-gaps 4.

5 / 5

Distinctiveness Conflict Risk

A clear niche (Figma motion via use_figma) that explicitly scopes itself as a companion to figma-use rather than competing with it; no realistic wrong-skill trigger, fitting the clear-niche 5 anchor.

5 / 5

Total

20

/

20

Passed

Validation

93%

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

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 3 suspicious

Warning

Total

15

/

16

Passed

Repository
figma/mcp-server-guide
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.