CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

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. Also covers working with custom animation styles.

75

Quality

94%

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.

Excellent content: highly actionable with exact API names, enums, and commands; a verification workflow with explicit feedback loops and a pre-flight checklist; and clean progressive disclosure to four real, well-signaled reference docs. The only flaw is minor repetition of render-cost warnings in the verification section.

DimensionReasoningScore

Conciseness

The body is dense and assumes Claude's competence — no background on Figma or animation concepts — with every section adding non-obvious, skill-specific knowledge. It is not a 5 because the 'Verifying the animation' section restates its cost principle three times ('make each render count', 'every render carries real overhead, so make each one count', 'once you've paid for the render, mine it'), a minor trimmable redundancy.

4 / 5

Actionability

Fully executable guidance throughout: exact API names, exact public enum values ('EASE_IN_AND_OUT', never 'EASE_IN_OUT'), the exact easing object shape, concrete parameter values (constraint WIDTH 320, quality 'low', fps 5), and a copy-paste frame-extraction command ('ffmpeg -ss <t> -i anim.mp4 -frames:v 1 frame_<t>.png'). Specific examples cover the common cases.

5 / 5

Workflow Clarity

Clear sequence with explicit validation and error-recovery feedback loops: runtime gating with bail-out instruction on the 'not a supported API' error, a numbered render-planning sequence, an iterate-until-right loop ('batch every fix into one pass before re-rendering'), and a pre-flight checklist — matching the top anchor with checkpoints, feedback loops, and checklists.

5 / 5

Progressive Disclosure

A ~90-line overview with a well-signaled reference table ('When to load' / 'What it covers' columns) pointing to four one-level-deep references, all of which exist as substantial files (169–592 lines). Content is appropriately split between the overview and reference docs, and navigation is easy.

5 / 5

Total

19

/

20

Passed

Description

95%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 description: third person, concise, specific, with explicit what-and-when structure and concrete trigger phrases. Its only weakness is omitting text/character-level animation (typewriter, stagger) from the enumerated capabilities, leaving a minor coverage gap.

DimensionReasoningScore

Specificity

The description names the domain and five concrete capability areas — 'manual keyframes, animation styles, easing, and timeline duration' plus 'custom animation styles' — matching the several-specific-actions anchor. It is not a 5 because text/typewriter animation (an entire reference doc in the bundle) is a minor coverage gap absent from the description.

4 / 5

Completeness

Explicitly answers both: what ('animating Figma nodes via manual keyframes, animation styles, easing, and timeline duration' plus custom animation styles) and when ('Load alongside figma-use whenever a task involves adding, editing, or inspecting animation on a node') — concrete trigger phrases, matching the top anchor exactly.

5 / 5

Trigger Term Quality

Natural terms users would say are comprehensively covered with synonyms: 'Motion / animation', 'animating Figma nodes', 'manual keyframes', 'animation styles', 'easing', and 'adding, editing, or inspecting animation on a node'. No plausible natural variation for this domain is missing.

5 / 5

Distinctiveness Conflict Risk

Clear niche — the time/motion dimension of Figma work via the `use_figma` MCP tool — with distinct triggers (keyframes, easing, animation styles). The relationship to the parent figma-use skill is explicitly managed ('Load alongside figma-use'), so conflict risk is minimal.

5 / 5

Total

19

/

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

Path

skills/figma-use-motion/SKILL.md

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.