CtrlK
BlogDocsLog inGet started
Tessl Logo

mobile-motion-patterns

Motion design rules for the Agenta mobile app (web/mobile) — the shared presets in src/lib/motion, when to animate, and reduced-motion requirements. Use when adding any animation or transition under web/mobile, animating navigation, sheets, skeletons, or list/chat surfaces.

68

Quality

82%

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

86%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 tight, well-organized ruleset that assumes competence and gives concrete, executable preset guidance. Its only soft spots are prose-only per-preset usage and an unexplained 'WP3b+' phase token that slightly muddies the message-streaming guidance.

Suggestions

Add a minimal copy-paste usage snippet for one or two presets (e.g. sharedAxisPush with AnimatePresence) so the most common case is fully executable, not just described.

Briefly decode 'WP3b+' (e.g. a one-line note on what that project phase refers to) or drop the phase label so the message-streaming rule stands on its own.

For the 'add a new pattern to presets.ts' workflow, note a quick self-check (e.g. exported preset + doc comment present, reduced-motion variant included) to give it an explicit checkpoint.

DimensionReasoningScore

Conciseness

Lean and declarative throughout ('Components never define their own durations, easings, or springs'; 'animate transform/opacity only'); assumes Claude's competence and never explains basic concepts, so every token earns its place.

5 / 5

Actionability

Provides a concrete hook import/destructure plus named APIs and specific values (custom={1}/{-1}, AnimatePresence wrapping), but only the import line is fully copy-paste ready while per-preset usage is conveyed in prose.

4 / 5

Workflow Clarity

The single action (use useMotionPresets(); add new patterns INTO presets.ts with a doc comment) is unambiguous, but the 'WP3b+' phase token is unexplained and there is no validation checkpoint for the add-a-preset workflow.

4 / 5

Progressive Disclosure

Under 50 lines with no bundle files and no need for external references, organized under clear headers ('## The presets', '## Rules'), meeting the simple-skill bar for a 5.

5 / 5

Total

18

/

20

Passed

Description

78%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-scoped description that answers both what the skill governs and when to use it, using natural trigger terms and a clearly distinct niche. It leans slightly descriptive on the 'what' side rather than enumerating comprehensive actions.

DimensionReasoningScore

Specificity

Names the domain and several concrete capabilities (shared presets in src/lib/motion, when to animate, reduced-motion requirements), with minor coverage gaps rather than a comprehensive action list.

4 / 5

Completeness

Both 'what' (motion design rules, presets, reduced-motion requirements) and 'when' (explicit 'Use when...' clause with concrete triggers) are present; the 'what' is descriptive rather than a crisp action list, keeping it just short of a 5.

4 / 5

Trigger Term Quality

Good coverage of natural user terms ('adding any animation or transition', 'animating navigation, sheets, skeletons, or list/chat surfaces'), missing a few synonyms such as 'motion' or 'page transitions'.

4 / 5

Distinctiveness Conflict Risk

Tightly scoped to the Agenta mobile app, a specific module path (src/lib/motion), and named surfaces, giving it a clear niche with minimal conflict risk against other skills.

5 / 5

Total

17

/

20

Passed

Validation

100%

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

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
Agenta-AI/agenta
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.