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.

Guides creation of distinctive, production-grade frontend interfaces with bold, cohesive aesthetics and refined implementation.

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.

Guide to setting up, configuring, and integrating Vanta.js animated WebGL backgrounds, including React usage, resizing, and performance considerations.

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.

620 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.

Create generative art with p5.js using seeded randomness, noise, flow fields, particle systems, recursive forms, and palette-based experimentation.

332 views

3 Uses

Added by Alain Hensley

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

Muhammad Talha Imtiaz

A skill for generating DESIGN.md files that encode premium, non-generic design systems for AI-driven screen generation.

Muhammad Talha Imtiaz

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

191 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.

182 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.

154 views

3 Uses

Added by Mitul Chovatiya

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

150 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.

143 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.

110 views

Added by Mitul Chovatiya

Expert guidelines for modern UI design covering layout, theme, color systems with oklch(), and accessibility for responsive web development.

Robert Denton

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

69 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

Optimizes GSAP animations for smooth 60fps using transforms, batching, will-change, and efficient tweening patterns.

57 views

Added by Mitul Chovatiya