AI agent skills for front-end teams and web designers

Guide to creating, controlling, and optimizing animations in Three.js, including keyframes, skeletal rigs, morph targets, blending, and procedural motion.

Design and implement purposeful UI motion, microinteractions, and feedback patterns to enhance usability and user delight.

Guide to implementing and debugging professional GSAP-based web animations, timelines, and ScrollTrigger interactions.

Comprehensive guide to using Anime.js v4 for JavaScript-driven web animations, timelines, SVG, scroll effects, and draggable interactions.

Guides designing and implementing tasteful, high-performance product-grade web animation systems inspired by Stripe, Linear, Apple, and Vercel.

Skill guide for creating and controlling animations in Three.js, including keyframes, skeletal rigs, morph targets, blending, and procedural motion.

616 views

11 Uses

Added by Nigel Alba

Guides the design of premium light-mode SaaS marketing pages with editorial grids, restrained color, framing lines, subtle motion, and conversion-focused layouts.

Guidelines for designing a polished SaaS marketing interface with strong layout systems, realistic product dashboards, subtle motion, and refined visual hierarchy.

Guides creation of polished light-mode SaaS marketing interfaces with varied layouts, rich product UI components, strong hierarchy, and subtle motion.

A structured guide for selecting and applying web animation patterns across multiple technologies using a registry-first workflow.

Muhammad Talha Imtiaz

Index of GSAP-related skills for AI agents, covering core animation, timelines, ScrollTrigger, plugins, React/framework integration, utilities, and performance.

188 views

4 Uses

Added by Mitul Chovatiya

Covers using GSAP in Vue, Svelte, and similar frameworks with proper lifecycle timing, selector scoping, and cleanup on unmount.

181 views

2 Uses

Added by Mitul Chovatiya

Explains how to build and control GSAP timelines for sequencing animations with position parameters, labels, nesting, defaults, and playback.

153 views

3 Uses

Added by Mitul Chovatiya

Covers GSAP core tween animation APIs, easing, stagger, responsive matchMedia usage, and accessibility-minded animation best practices.

149 views

6 Uses

Added by Mitul Chovatiya

Covers GSAP plugin registration and practical use of plugins for scroll, FLIP, draggable UI, text, SVG, easing, physics, and animation debugging.

141 views

1 Uses

Added by Mitul Chovatiya

A senior-level UI/UX engineering guide for architecting premium digital interfaces using strict component architecture, motion physics, and anti-bias design rules.

Reference for GSAP utility helpers like clamp, mapRange, random, snap, toArray, wrap, and related value, unit, and collection utilities for animation code.

109 views

Added by Mitul Chovatiya

Official GSAP guide for building scroll-linked animations with triggers, pinning, scrub behavior, batching, proxies, and cleanup best practices.

68 views

1 Uses

Added by Mitul Chovatiya

Guidelines for using GSAP in React and Next.js with useGSAP, refs, scoped selectors, cleanup, and SSR-safe animation patterns.

60 views

1 Uses

Added by Mitul Chovatiya