animate

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.

1.42x

Quality

72%

Does it follow best practices?

Impact

91%

1.42x

Average score across 6 eval scenarios

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./archived/legacy-companion/.agents/skills/animate/SKILL.md

Evaluation results

100%

22%

Help Centre FAQ Accordion

Accordion expand/collapse transitions

Criteria

Without this skill

With this skill

Smooth expand transition

100%

Expand timing in layout range

100%

Collapse shorter than expand

100%

Icon rotates via transform

100%

Overflow hidden on panel

100%

Custom cubic-bezier easing

100%

No bounce or elastic easing

100%

Prefers-reduced-motion support

100%

Interaction not blocked between items

100%

Transform-only icon animation

100%

89%

42%

Onboarding Flow Animation Polish

Button and form micro-interactions

Criteria

Without this skill

With this skill

Button hover scale range

100%

Button click scale sequence

40%

100%

Click feedback timing

100%

Hover/focus transition timing

50%

62%

Custom easing curves used

100%

No bounce or elastic easing

100%

Transform and opacity only

50%

20%

No feedback over 500ms

100%

Input focus animation

100%

Prefers-reduced-motion support

100%

85%

17%

Product Landing Page — Animated Entrance

Entrance animation choreography

Criteria

Without this skill

With this skill

Stagger delay increment

33%

100%

Fade plus slide combination

100%

Entrance duration range

100%

Hero signature animation

20%

Custom cubic-bezier easing

100%

No bounce or elastic easing

100%

Transform and opacity only

80%

Exit shorter than entrance

100%

Prefers-reduced-motion support

86%

66%

Interaction not blocked

100%

Repository: The-Vibe-Company/companion
Path: archived/legacy-companion/.agents/skills/animate/SKILL.md
Commit: 90804d3

Evaluated: 6 months ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Onboarding Flow Animation Polish Product Landing Page — Animated Entrance Help Centre FAQ Accordion

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.