CtrlK
BlogDocsLog inGet started
Tessl Logo

motion

Motion (Framer Motion) React animation library. Use for drag-and-drop, scroll animations, gestures, SVG morphing, or encountering bundle size, complex transitions, spring physics errors.

63

Quality

75%

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

Fix and improve this skill with Tessl

tessl review fix ./plugins/motion/skills/motion/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

75%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-structured skill with strong code examples and clean progressive disclosure into real reference files. Its main weaknesses are marketing fluff and repetition that hurt token efficiency, plus a broken templates/ reference claim and an undercounted references list.

Suggestions

Remove the "Token Efficiency Metrics" section and the duplicated closing block (Recommended Stack / Token Savings / Error Prevention) — these are marketing claims that waste context without aiding Claude.

Delete or actually ship the "5 production-ready templates in the templates/ directory" claim, since no templates/ directory exists in the bundle.

Fix the References section to list all six reference guides (it currently says "4 comprehensive reference guides" and omits core-concepts-deep-dive.md and accessibility-guide.md).

DimensionReasoningScore

Conciseness

Core code examples and prop tables are efficient, but the body carries marketing padding ("industry-standard... thousands of applications", "30,200+ GitHub stars", "Token Savings: ~83%", "Error Prevention: 100%"), repeated sections (Recommended Stack and Token Savings each appear twice), and time-sensitive version numbers ("verified 2026-08-03") that will go stale.

3 / 5

Actionability

Copy-paste-ready, executable examples cover the common cases — basic animate, gestures, AnimatePresence, layout, scroll-linked, drag, and spring — alongside concrete install commands and a symptom/solution Known Issues block.

5 / 5

Workflow Clarity

The install → framework config → use sequence is clear with explicit requirements ("use client", Tailwind transition removal) and a troubleshooting section, though it lacks formal validation checkpoints since this is a library-usage skill rather than a destructive workflow.

4 / 5

Progressive Disclosure

Good one-level-deep structure with well-signaled reference loads and a "When to Load References" trigger section, but the body claims "5 production-ready templates in the templates/ directory" when no templates directory exists, and the References section lists only 4 of the 6 actual reference files.

4 / 5

Total

16

/

20

Passed

Description

76%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 tight, third-person description that names the domain, lists concrete capabilities, and provides explicit "Use for..." trigger guidance. It is comprehensive and clearly distinguishable, with only minor synonym coverage gaps.

DimensionReasoningScore

Specificity

Lists multiple concrete capabilities — "drag-and-drop, scroll animations, gestures, SVG morphing" plus "bundle size, complex transitions, spring physics errors" — giving comprehensive coverage rather than just naming the domain.

5 / 5

Completeness

Explicitly answers both what ("Motion (Framer Motion) React animation library") and when ("Use for drag-and-drop, scroll animations, gestures...") with concrete trigger phrases in one sentence.

5 / 5

Trigger Term Quality

Strong natural keywords (drag-and-drop, scroll animations, gestures, SVG morphing, spring physics) but misses common synonyms users say like "hover", "page transitions", "AnimatePresence", or "Framer Motion" as a trigger beyond the parenthetical.

4 / 5

Distinctiveness Conflict Risk

Clear niche as a React animation library with distinctive triggers (SVG morphing, spring physics, drag-and-drop) that are unlikely to fire for unrelated skills.

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.

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

SKILL.md is long (517 lines); consider splitting into references/ and linking

Warning

Total

15

/

16

Passed

Repository
secondsky/claude-skills
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.