CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

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

89%

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

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.

High-quality single-file skill body: executable, well-structured, and disciplined about token efficiency. The main improvement opportunities are reducing restatement between the Rules and Anti-Patterns sections and providing an explicit ordered setup sequence.

DimensionReasoningScore

Conciseness

The body is dense, rule-first, and free of explanations Claude already knows, but the 8 rules are restated nearly verbatim in the Anti-Patterns table and 'When to Activate' partially duplicates the frontmatter description, so a few sections could be trimmed.

4 / 5

Actionability

All code is fully executable and copy-paste ready — motionTokens, springs, motionConfig with typeof window guards, the useSafeMotion hook, and a complete FadeInCard with imports, file paths, and 'use client' — plus decision tables and a wrong/correct SSR pair covering the common cases.

5 / 5

Workflow Clarity

Sequencing and constraints are unambiguous for a foundation skill ('Load this skill before any animation work begins', ordered accessibility priority tiers, When to Activate list), but there is no explicit ordered setup workflow or validation checkpoint; this is a reference layer, not a destructive or batch operation, so the workflow cap does not apply.

4 / 5

Progressive Disclosure

No bundle files exist and the body references none, so there are no dead links; the single file is well organized with clear sections and decision tables. The anti-pattern table and token reference could arguably live in separate files, which keeps it below the top anchor.

4 / 5

Total

17

/

20

Passed

Description

92%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 voice, concrete capability list, and an explicit 'Use when...' trigger clause. The only weakness is incomplete synonym coverage (e.g., 'framer motion', 'transition').

DimensionReasoningScore

Specificity

The description lists six concrete capability areas ('Motion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety') plus explicit platform and library scoping ('React / Next.js using motion/react'), with comprehensive coverage and no vague filler.

5 / 5

Completeness

It clearly answers 'what' (the capability list) and 'when' with an explicit 'Use when setting up motion tokens, spring presets, reduced-motion handling, or SSR-safe animation in React or Next.js' clause containing concrete triggers.

5 / 5

Trigger Term Quality

Natural trigger phrases like 'motion tokens', 'spring presets', 'reduced-motion handling', 'SSR-safe animation', and 'React or Next.js' match what users would actually say, but common synonyms such as 'framer motion', 'transition', or 'animation library' are missing.

4 / 5

Distinctiveness Conflict Risk

It carves a clear niche (motion/react foundation for React/Next.js) and explicitly positions itself as the 'Foundation layer — all other motion skills depend on this', minimizing overlap with sibling motion 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.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

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

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.