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.

Checklist for reviewing UI code for compliance with comprehensive web interface, accessibility, performance, and content guidelines.

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.

Implement a lightweight interactive WebGL globe with cobe.js, including responsive canvas setup, markers, interaction, and React/Next.js integration.

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

623 views

11 Uses

Added by Nigel Alba

Implement a customizable progressive gradient blur overlay at the top or bottom of the viewport using layered CSS backdrop-filters.

Elroy Yeap

Analyze and optimize webpage images for SEO, performance, formats, responsiveness, lazy loading, and CLS prevention.

409 views

3 Uses

Added by Jorge Jaramillo

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.

194 views

4 Uses

Added by Mitul Chovatiya

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

153 views

6 Uses

Added by Mitul Chovatiya

A comprehensive design guide and CLI tool for building accessible, responsive, and high-performance UI across multiple tech stacks and styles.

Robert Denton

A semantic design system skill for Google Stitch that enforces premium UI standards through anti-generic rules and specific hardware-accelerated performance constraints.

Theweb3 Brothers

Master React 19, Next.js 15, and modern architecture to build performant, accessible, and scalable web applications.

Robert Denton

Expert guidance on advanced prompting techniques, LLM optimization, and production-ready AI system design using chain-of-thought and constitutional AI.

Robert Denton

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

57 views

Added by Mitul Chovatiya

Create a high-performance full-screen WebGL laser background with an atmospheric smoke effect and brand-integrated glowing cores.

Create high-fidelity 3D web visuals using WebGL and Three.js with physically based materials, lighting, and geometric depth for hero sections.

Create a premium 3D particle globe with a luminous spherical core and orbital rings using Three.js and custom shaders.