motion-foundations

Motion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety for React / Next.js using motion/react. Foundation layer — all other motion skills depend on this. Use when setting up motion tokens, spring presets, reduced-motion handling, or SSR-safe animation in React or Next.js.

Quality

85%

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

Quality

Content

82%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 high-quality foundation skill body: executable code, clear decision tables, and explicit anti-patterns. Minor gains available from collapsing the Rules/Anti-Patterns duplication and optionally splitting large code blocks into reference files.

Dimension	Reasoning	Score
Conciseness	Lean and well-organized code-first content that assumes Claude's competence; the only notable redundancy is the Rules section being re-listed verbatim in the Anti-Patterns table.	4 / 5
Actionability	Fully executable, copy-paste-ready code for tokens, springs, motionConfig, the useSafeMotion hook, and a complete FadeInCard component covering the common SSR + a11y + device-gate cases.	5 / 5
Workflow Clarity	Clear activation criteria and decision guidance tables (duration/spring selection, when to disable), but there is no explicit sequenced workflow with validation checkpoints; acceptable since the skill is non-destructive.	4 / 5
Progressive Disclosure	Well-structured sections with no nested references and clearly signaled links to related skills, but all content is inlined in SKILL.md with no bundle files to offload detail.	4 / 5
	Total	17 / 20 Passed

Description

87%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, well-structured description that clearly states capabilities, scope, and concrete activation triggers with minimal conflict risk. Slight room to convert noun-style capabilities into verb-led actions and add a synonym or two.

Dimension	Reasoning	Score
Specificity	Lists six concrete capabilities ("Motion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety") but frames them as noun-topics rather than verb-actions like the score-5 anchor, leaving minor specificity gaps.	4 / 5
Completeness	Explicitly answers both what (the capability list + "Foundation layer") and when via a concrete "Use when setting up motion tokens, spring presets, reduced-motion handling, or SSR-safe animation" trigger clause.	5 / 5
Trigger Term Quality	Good natural-term coverage ("motion tokens", "reduced-motion handling", "SSR-safe animation", "React or Next.js", "motion/react"), though a few common synonyms are absent.	4 / 5
Distinctiveness Conflict Risk	Carves a clear niche as the motion/react foundation layer and references downstream skills (motion-patterns, motion-advanced), minimizing overlap with sibling skills.	5 / 5
	Total	18 / 20 Passed

Validation

93%

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 — 15 / 16 Passed

Validation for skill structure

Criteria	Description	Result
frontmatter_unknown_keys	Unknown frontmatter key(s) found; consider removing or moving to metadata	Warning

	Total	15 / 16 Passed

Repository: affaan-m/ECC
Path: skills/motion-foundations/SKILL.md
Commit: 06c5e11

Reviewed: 3 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.