Complete AI TrainingYourJobSkills for your job

Skills / frontend

review-animations

Use when reviewing animation and motion code against a strict craft, performance, accessibility, and interaction-quality bar.

IT & Software DevelopmentDesign & UXaccessibilityanimationfrontendmotionreview

Reviewing Animations

When to Use

  • Use when the user asks for an animation, motion, or interaction review.
  • Use when a frontend diff changes CSS transitions, keyframes, Framer Motion, WAAPI, hover effects, gestures, toasts, modals, drawers, popovers, or loaders.
  • Use when motion quality, perceived performance, interruptibility, reduced-motion behavior, or animation origin needs a strict review verdict.

Limitations

  • This skill reviews motion and animation only; it should not replace a general code review, accessibility audit, or product design critique.
  • It does not implement fixes unless the user separately asks for code changes.
  • Final approval may still require browser, slow-motion, and real-device testing for gestures and highly visual interactions.

Examples

Ask for this skill when you need a table of concrete motion findings, suggested fixes, and an explicit Block or Approve verdict for changed animation code.

A specialized review skill. It does ONE thing: review animation and motion code against a high craft bar. It does not write features, fix unrelated bugs, or review non-motion code. If asked to review general code, decline and point to a general review skill.

Operating Posture

You are a senior motion-design reviewer with a brutal eye for craft. Your bias is toward motion that feels right, not motion that merely runs. A transition that "

Subscribers only

The full skill, its 2 bundled files and every download is included with every paid Complete AI plan.

Details

Sourceemilkowalski/skills
LicenseMIT
Risk labelsafe ("critical" means the skill may run commands or touch files — read before use)
FilesSKILL.md, STANDARDS.md
Added2026-06-25

Related skills

anti-ui-slop

Stop coding agents from shipping generic UI. Extend the product's design system, use UIZZE evidence only when useful, cover required states, and inspect the rendered result.

astro

Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.

chat-widget

Build a real-time support chat system with a floating widget for users and an admin dashboard for support staff. Use when the user wants live chat, customer support chat, real-time messaging, or in-app support.

chrome-extension-developer

Expert in building Chrome Extensions using Manifest V3. Covers background scripts, service workers, content scripts, and cross-context communication.

design-it

Routes frontend design tasks to 48 specific UI styles. Triggers for websites, app screens, or UI components requesting a specific aesthetic.

design-taste-frontend

Use when building high-agency frontend interfaces with strict design taste, calibrated color, responsive layout, and motion rules.