CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

common-mobile-animation

Apply motion design principles for mobile apps covering timing curves, transitions, gestures, and performance-conscious animations. Use when implementing screen transitions, gesture-driven interactions, shared-element animations, or optimizing animation frame rates on iOS, Android, or Flutter.

Quality

78%

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

Fix and improve this skill with Tessl

tessl review fix ./.agents/skills/common/common-mobile-animation/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

67%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-organized, largely actionable overview with a clear workflow, concrete timing/curve specifics, and a sensible split of code examples into real one-level-deep reference files. The main flaws are padded, author-facing instructions inside the workflow and under-specified verification guidance, which drag conciseness down.

Suggestions

Remove or rewrite the self-referential sub-bullets in Workflow step 1 ('state the selected range in quick-start examples... do not substitute the Medium range') — they read as instructions to the skill's author, duplicate the timing table, and add no guidance for applying the skill.

Drop the 'Canonical response anchors' section or flesh it out: a single bare term ('interactivePopGesture') with no explanation of when or how to preserve it costs tokens without actionable value.

Add error-recovery detail to the verification step: name the tool to use per platform (e.g., Flutter DevTools timeline, Xcode Instruments) and what to check when jank frames appear (layout-triggering properties, non-GPU animation, missing controller disposal).

DimensionReasoningScore

Conciseness

The body is mostly lean (a timing table, a 5-step workflow, terse anti-patterns) but contains clearly unnecessary padding: Workflow step 1's sub-bullets ('state the selected range in quick-start examples... do not substitute the Medium range') are self-referential authoring instructions that repeat the table, and the 'Canonical response anchors' section spends lines on a single bare term. This fits anchor 3 (mostly efficient but includes some unnecessary content that could be tightened) better than anchor 4's 'minor instances'.

3 / 5

Actionability

Mostly executable guidance: concrete duration ranges, named curves ('Curves.fastOutSlowIn', 'easeInOut'), specific APIs ('onPan', 'interactivePopGesture'), specific properties ('transform', 'opacity'), and complete runnable code in references/implementation.md. Falls short of 5 because steps like 'Verify frame rate in profiler' name no specific tool or command, leaving minor gaps.

4 / 5

Workflow Clarity

The 5-step workflow (choose duration → select curve → animate GPU-friendly properties → wire gestures → verify 60fps) is a clear, well-ordered sequence with a validation checkpoint ('Verify frame rate in profiler — target 60fps with no jank frames'). Missing the error-recovery loop (what to fix when jank is found) keeps it at anchor 4 rather than 5; not 3 because the sequence and a checkpoint are genuinely present.

4 / 5

Progressive Disclosure

Good structure: the body is an overview (timing table, workflow, anti-patterns) with executable code appropriately split into two existing, one-level-deep reference files, both reachable from the body. Minor gaps: the References section lists only animation-patterns.md while implementation.md is linked mid-workflow, and the thin 'Canonical response anchors' section is unclear in purpose, so it sits at anchor 4 rather than 5.

4 / 5

Total

15

/

20

Passed

Description

83%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: it states what the skill covers and gives an explicit, concrete 'Use when' trigger clause with natural user phrasing and platform names. The only weakness is the slightly generic 'Apply motion design principles' framing and minor overlap with performance-oriented skills.

DimensionReasoningScore

Specificity

The description lists several specific capabilities — 'implementing screen transitions, gesture-driven interactions, shared-element animations, or optimizing animation frame rates' — with concrete coverage areas (timing curves, transitions, gestures, performance). Not a 5 because the 'what' clause leans on the generic verb 'Apply motion design principles' rather than enumerating concrete actions, leaving minor gaps.

4 / 5

Completeness

It explicitly answers both questions: 'what' via 'Apply motion design principles for mobile apps covering timing curves, transitions, gestures, and performance-conscious animations' and 'when' via the concrete 'Use when' clause enumerating triggers and platforms. This matches the anchor 5 example structure closely, and it uses third-person/infinitive voice as required.

5 / 5

Trigger Term Quality

Natural user phrases like 'screen transitions', 'gesture-driven interactions', 'shared-element animations', 'animation frame rates', and platform names 'iOS, Android, or Flutter' are all present. A few natural synonyms are missing (e.g., 'easing', 'animated', 'micro-interactions'), keeping it just below the comprehensive anchor.

4 / 5

Distinctiveness Conflict Risk

The animation-focused niche with platform triggers ('iOS, Android, or Flutter') is clearly distinguishable, but 'optimizing animation frame rates' creates minor overlap risk with closely related performance skills (the body itself links flutter-performance and common-performance-engineering). Not a 5 due to that overlap; not a 3 because animation/transition/gesture triggers are distinctive enough.

4 / 5

Total

17

/

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_version

'metadata.version' is missing

Warning

metadata_field

'metadata' should map string keys to string values

Warning

relative_links

Relative link issues: 3 suspicious

Warning

Total

13

/

16

Passed

Repository

HoangNguyen0403/agent-skills-standard

Path

.agents/skills/common/common-mobile-animation/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.