framer-motion

Use when implementing Disney's 12 animation principles with Framer Motion in React applications

Quality

68%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./.agents/skills/framer-motion/SKILL.md

Quality

Content

76%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 skill is a tight, code-first reference with excellent token efficiency and strong actionability, but it lacks any sequenced workflow or verification guidance and has no progressive-disclosure structure beyond inline sections.

Suggestions

Add a brief 'Getting started' note or import statement so the first snippet is fully copy-paste ready.

Optionally split the feature glossary into a REFERENCES file to deepen progressive disclosure and reduce inline overlap.

If a real workflow exists (e.g., 'build a sequence of principle-based animations'), add a short numbered procedure with a validation checkpoint.

Dimension	Reasoning	Score
Conciseness	The body is lean: short labeled sections each with a minimal executable snippet, no padding or explanation of concepts Claude already knows, and every token earns its place.	5 / 5
Actionability	Each principle has a concrete, executable JSX snippet, but several omit surrounding component context (imports, state) and a few examples are fragmentary, leaving minor gaps.	4 / 5
Workflow Clarity	There is no multi-step workflow to sequence; the skill is a catalog of techniques. No validation or feedback loop is present, which is acceptable for this non-destructive reference but caps the sequence-oriented anchors at 3.	3 / 5
Progressive Disclosure	Content is well organized into clearly headed sections that fit within a single SKILL.md with no bundle files, but the final 'Key Framer Motion Features' list slightly overlaps content that could be a reference, leaving minor organization gaps.	4 / 5
	Total	16 / 20 Passed

Description

60%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 well-targeted with a clear trigger clause and a distinct niche, but it is light on enumerated concrete actions and natural keyword variations. Tightening the action list and adding common synonyms would push it toward the top anchors.

Suggestions

List 2-3 concrete actions (e.g., 'apply easing curves, spring physics, and gesture-driven transitions') to raise specificity.

Add natural synonyms and trigger phrases such as 'animations', 'transitions', or 'motion components' that users are likely to say.

Expand the 'Use when...' clause to mention gestures, page transitions, or list animations to broaden the trigger surface.

Dimension	Reasoning	Score
Specificity	It names the domain (Framer Motion in React) and a concrete action ('implementing Disney's 12 animation principles') but enumerates no discrete actions, so coverage is not comprehensive.	3 / 5
Completeness	It states a clear 'what' (implement the 12 principles via Framer Motion) and an explicit 'Use when...' trigger, though the 'when' clause is a single condition rather than a richer set of triggers.	4 / 5
Trigger Term Quality	Includes 'Framer Motion', 'React', and 'animation' but omits common synonyms users might say (e.g., 'animation library', 'transitions', 'motion', file extensions) leaving keyword coverage incomplete.	3 / 5
Distinctiveness Conflict Risk	The narrow pairing of 'Disney's 12 animation principles' with 'Framer Motion in React' carves a clear niche with only minor overlap against a general React animation skill.	4 / 5
	Total	14 / 20 Passed

Validation

100%

Warnings & errors only

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

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository: calesthio/OpenMontage
Path: .agents/skills/framer-motion/SKILL.md
Commit: cd9f3c1

Reviewed: 14 days ago

Table of Contents

Discovery Implementation Validation

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.