CtrlK
BlogDocsLog inGet started
Tessl Logo

animations-native

Authors performant React Native / Expo animations with Reanimated and gesture handling with react-native-gesture-handler, running motion on the UI thread so it stays at 60/120 fps. Covers worklets, shared values, useAnimatedStyle, withTiming/withSpring, layout animations, the Gesture API (pan/pinch/drag/swipe), Moti, Lottie, Rive, reduced motion, haptics, and UI-thread profiling. Use when building RN motion, wiring a gesture, or when an RN animation feels janky. For WEB animations (CSS, Motion, View Transitions) use the `animations` skill instead. Triggers on "reanimated", "gesture handler", "react native animation", "expo animation", "useSharedValue", "withSpring", "moti", "swipe gesture", "drag", "pinch to zoom", "/animations-native".

72

Quality

90%

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

88%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 well-engineered thin-index skill: an unambiguous decision flow, a gated phase workflow, and a concrete Definition of Done, with detail correctly deferred to per-topic rule files. The only deductions are minor duplication between the Core Bet / Workflow / Required Reading sections and the fact that none of the referenced rule files ship with the bundle under review.

Suggestions

Merge the 'Required Reading by Phase' table into the Workflow table's existing 'Rule file' column — the two tables carry nearly the same mapping twice.

Fold the 'Core Bet' section into Core Principles 1–2 (it restates them) and keep only the pointer to rules/reanimated-core.md.

Ship the rules/*.md files (and verify the ../animations cross-skill links resolve) so the index's on-demand loading actually works from the installed skill.

DimensionReasoningScore

Conciseness

The body is lean — table-driven, one-liner principles and anti-patterns, and it assumes Claude already knows RN/Reanimated basics. However, the 'Required Reading by Phase' table duplicates the rule-file column of the Workflow table, and 'Core Bet' restates Core Principles 1–2, so a little tightening is possible.

4 / 5

Actionability

For an instruction-only skill the guidance is fully concrete and executable: 'Duration 100–500 ms; ease-out entrances, ease-in exits', 'scheduleOnRN (runOnJS on v3)', 'GestureHandlerRootView wraps the root', and specific Perf Monitor checks in the Definition of Done. Per the rubric's code-vs-instruction note, absence of code is not penalized when guidance is this actionable.

5 / 5

Workflow Clarity

Phases A and 0–6 are sequenced in order, each paired with an explicit Gate that functions as a validation checkpoint, and the Definition of Done checklist closes the loop. The decision flow's 'first match wins' rule plus 'pick the lower-numbered one' tie-break makes routing deterministic.

5 / 5

Progressive Disclosure

The thin-index structure is exemplary — 'Detailed rules live in rules/*.md and load on demand', one-level-deep links, and a per-phase file map — matching the 5 anchor's shape. But the referenced files (rules/*.md and ../animations/rules/interaction-feedback.md) are not present in the evaluated bundle, so the pointer targets cannot be verified and navigation cannot be validated end-to-end, which is a minor organization gap.

4 / 5

Total

18

/

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: concrete capability list, an explicit 'Use when' clause with natural trigger phrases, and an explicit web-vs-native boundary that eliminates the main collision risk. The only gap is a handful of missing natural trigger terms for capabilities the description itself claims.

DimensionReasoningScore

Specificity

It lists multiple concrete capabilities by name — 'worklets, shared values, useAnimatedStyle, withTiming/withSpring, layout animations, the Gesture API (pan/pinch/drag/swipe), Moti, Lottie, Rive, reduced motion, haptics, and UI-thread profiling' — giving comprehensive coverage of the domain, matching the 5 anchor rather than the minor-gaps 4 anchor.

5 / 5

Completeness

Both questions are answered explicitly: 'what' via 'Authors performant React Native / Expo animations with Reanimated and gesture handling…' with a detailed capability list, and 'when' via 'Use when building RN motion, wiring a gesture, or when an RN animation feels janky' plus concrete trigger phrases. This matches the 5 anchor exactly.

5 / 5

Trigger Term Quality

The explicit 'Triggers on' list ('reanimated', 'gesture handler', 'react native animation', 'useSharedValue', 'withSpring', 'swipe gesture', 'drag', 'pinch to zoom') plus the natural phrase 'when an RN animation feels janky' gives good coverage, but a few natural terms users would say are missing — notably 'lottie' and 'rive' despite being claimed capabilities, plus 'pan gesture' and lag/stutter phrasings. This sits between the 4 and 5 anchors, closer to 4's 'a few natural terms missing'.

4 / 5

Distinctiveness Conflict Risk

The niche (React Native / Expo) is distinct and the description actively disambiguates from the closest sibling: 'For WEB animations (CSS, Motion, View Transitions) use the `animations` skill instead.' Trigger terms are native-specific, so conflict risk is minimal.

5 / 5

Total

19

/

20

Passed

Validation

81%

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

Validation — 13 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_field

'metadata' should map string keys to string values

Warning

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

relative_links

Relative link issues: 34 missing, 7 suspicious

Warning

Total

13

/

16

Passed

Repository
mthines/agent-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.