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.

68

Quality

82%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Quality

Content

65%

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

A thorough, highly actionable skill body with strong executable examples and well-organized progressive disclosure. It is held back by marketing/boilerplate filler, duplicated issue sections, time-sensitive version claims, and several dangling references to files that do not exist.

Suggestions

Remove marketing/boilerplate lines ("industry-standard", star counts, "Token Savings: ~83%", repeated "Production Tested") and either delete the "Package Versions" table or move version-specific dates into a clearly labeled deprecated/old-patterns section to satisfy conciseness.

Delete or actually create the referenced templates/ directory and ./scripts/install-skill.sh motion, and reconcile the References summary so it lists all six reference files (including core-concepts-deep-dive.md).

De-duplicate the Known Issues section against Core Concepts / Integration Guides, and add an explicit validation checkpoint to the installation workflow (e.g. verify the import resolves before proceeding).

DimensionReasoningScore

Conciseness

Executable code is lean, but the body carries marketing filler ("industry-standard", "30,200+ GitHub stars", "Token Savings: ~83%", repeated "Production Tested") and duplicates Known Issues material from earlier sections, plus a time-sensitive "verified 2025-11-07" versions table outside any deprecated section.

2 / 3

Actionability

It provides copy-paste-ready, executable TSX and bash throughout — imports, LazyMotion, useScroll/useTransform, MotionConfig — with ❌/✅ correct-vs-wrong patterns, matching the fully-executable anchor.

3 / 3

Workflow Clarity

Decision triggers and symptom→solution pairs are clear, but multi-step sequences (e.g. installation) lack explicit validate→fix→retry checkpoints; sequence is present but validation is implicit.

2 / 3

Progressive Disclosure

References are well-signaled one level deep with a dedicated "When to Load References" section and a matching references/ directory, but the body advertises a non-existent templates/ directory and ./scripts/install-skill.sh, and the References summary undercounts the actual files.

2 / 3

Total

9

/

12

Passed

Description

100%

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 states the library's purpose and provides an explicit "Use for ..." trigger clause covering concrete capabilities. It is concise, specific, and unlikely to conflict with other skills.

DimensionReasoningScore

Specificity

It lists multiple concrete capabilities — "drag-and-drop, scroll animations, gestures, SVG morphing, ... complex transitions, spring physics errors" — matching the anchor for listing several specific actions.

3 / 3

Completeness

It answers both "what" ("Motion (Framer Motion) React animation library") and "when" via an explicit "Use for ..." trigger clause, satisfying the both-what-and-when anchor.

3 / 3

Trigger Term Quality

Natural user-facing terms like "drag-and-drop", "scroll animations", "bundle size", and "spring physics errors" give good coverage of phrasing a user would actually say.

3 / 3

Distinctiveness Conflict Risk

The Motion/Framer Motion React animation niche has distinct triggers unlikely to overlap with other skills, matching the clear-niche anchor.

3 / 3

Total

12

/

12

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 (515 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.