auto-animate

AutoAnimate (@formkit/auto-animate) zero-config animations for React. Use for list transitions, accordions, toasts, or encountering SSR errors, animation libraries complexity.

Quality

65%

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 ./plugins/auto-animate/skills/auto-animate/SKILL.md

Quality

Content

56%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 body is comprehensive and largely actionable with strong inline code, but it is noticeably verbose with significant content repetition and marketing padding, and its progressive disclosure is undermined by a missing advertised templates/ directory and leftover scaffold placeholder files. Tightening redundancy and reconciling the bundle with the documented references would substantially raise quality.

Suggestions

Deduplicate the SSR dynamic-import block and prefers-reduced-motion note so each appears once, and remove the marketing 'Production Example' section ('0 errors', '13.6k stars') which adds no instructional value.

Reconcile the bundle: either add the advertised templates/ .tsx files or remove the 'Templates (templates/)' subsection and its inline pointers, and delete the three TODO-placeholder scaffold files.

Replace the vague Issue #6/#7/#9/#10 preventions with concrete config snippets (e.g. an actual jest moduleNameMapper entry, an esbuild config block).

Dimension	Reasoning	Score
Conciseness	Noticeably verbose: the SSR dynamic-import useEffect block is repeated verbatim in three places, the prefers-reduced-motion note is repeated 3+ times, critical rules are duplicated across 'CRITICAL', 'Critical Rules', and the checklist, and a marketing-style 'Production Example' section pads the doc; time-sensitive dates/versions sit in main content rather than a deprecated section, fitting the 'several unnecessary explanations or padded sections' anchor.	2 / 5
Actionability	Strong copy-paste code covers the common cases (install, useAutoAnimate hook, SSR-safe hook, config, Vite config, troubleshooting), but Issues #6/#7/#9/#10 give vague 'Configure moduleNameMapper / esbuild / plugin / ng-packagr' preventions without concrete config, and several pointers reference a nonexistent templates/ directory, leaving minor gaps that keep it below 5.	4 / 5
Workflow Clarity	A clear 3-step Quick Start sequence pairs with an end-of-document setup checklist that serves as verification checkpoints, plus a troubleshooting problem/solution section; this is a single-purpose skill so the simple-skill exception applies, but the lack of an explicit validate->fix->retry loop leaves minor validation gaps at 4 rather than 5.	4 / 5
Progressive Disclosure	Section structure is good and real references (references/auto-animate-vs-motion.md, css-conflicts.md, ssr-patterns.md, scripts/init-auto-animate.sh) are clearly signaled, but the 'Using Bundled Resources' section advertises a templates/ directory with 7 .tsx files that do not exist, and three leftover TODO-placeholder scaffold files (example-reference.md, example-script.sh, example-template.txt) remain, so navigation does not cleanly map to the actual bundle.	3 / 5
	Total	13 / 20 Passed

Description

75%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 answers both what and when with concrete trigger phrases and is largely specific and distinct, but suffers from a garbled trailing clause ('animation libraries complexity') that slightly muddies specificity and the 'when' guidance. It is solidly above average but not polished enough for top scores.

Suggestions

Rewrite the garbled tail into a clean trigger phrase, e.g. 'Use for list transitions, accordions, toasts, or when you hit SSR errors or want to avoid the complexity of a full animation library.'

Add a couple of natural synonyms/file-adjacent terms (e.g. 'drop-in animation', 'add/remove/sort animations') to push trigger coverage toward comprehensive.

Tighten the 'what' to lead with the concrete action ('Add zero-config add/remove/sort animations to React lists and containers') before naming the package.

Dimension	Reasoning	Score
Specificity	Names the domain ('AutoAnimate (@formkit/auto-animate) zero-config animations for React') and several concrete applications ('list transitions, accordions, toasts'), matching the 'lists several specific actions; minor gaps' anchor; the garbled tail 'animation libraries complexity' is vague and prevents a 5.	4 / 5
Completeness	Has both a clear 'what' (zero-config animations for React) and an explicit 'Use for...' trigger clause with concrete items, but the 'when' could be more explicit/clean since the trailing 'animation libraries complexity' is garbled, matching anchor 4's 'when could be more explicit or specific' better than a clean 5.	4 / 5
Trigger Term Quality	Good coverage of natural terms a user would say ('list transitions', 'accordions', 'toasts', 'SSR errors', '@formkit/auto-animate'), fitting the 'good keyword coverage; a few natural terms missing' anchor; not comprehensive enough for 5 as some synonyms/variations are absent.	4 / 5
Distinctiveness Conflict Risk	The named package plus 'zero-config' framing carves a mostly-distinct niche with concrete triggers, fitting 'mostly distinct; minor overlap risk'; some overlap remains with Motion/general animation skills, so it is not a clear 5.	4 / 5
	Total	16 / 20 Passed

Validation

87%

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

Validation for skill structure

Criteria	Description	Result
metadata_version	'metadata.version' is missing	Warning
metadata_field	'metadata' should map string keys to string values	Warning

	Total	14 / 16 Passed

Repository: secondsky/claude-skills
Path: plugins/auto-animate/skills/auto-animate/SKILL.md
Commit: a0994f7

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.