Aura Skills
AI agent skills for front-end teams and web designers
A curated library of reusable skills, automation templates, and instructions tailored to front-end teams, web designers, and creative developers. Use agent skills in Aura by referencing @ in your prompt.
Library Pulse
UI Design System
Toolkit for creating and maintaining scalable UI design systems with tokens, responsive rules, accessibility and developer handoff docs.
Added by Meng To
davila7Tailwind Design System v4
Build scalable, responsive, and accessible design systems with Tailwind CSS v4, design tokens, and reusable React UI components.
Added by Meng To
wshobsonCopywriting
Guidelines and workflows for writing high-converting marketing copy for web pages, including headlines, CTAs, and page structures.
Added by Meng To
coreyhaines31Three.js Animation
Guide to creating, controlling, and optimizing animations in Three.js, including keyframes, skeletal rigs, morph targets, blending, and procedural motion.
Added by Meng To
CloudAI-XWeb Interface Guidelines
Checklist for reviewing UI code for compliance with comprehensive web interface, accessibility, performance, and content guidelines.
Added by Meng To
vercel-labsMarketing Psychology & Mental Models
Applies psychological principles and mental models to design ethical, effective marketing, pricing, and growth strategies.
Added by Meng Tocoreyhaines31Analytics Tracking
Guide for planning, implementing, and validating analytics tracking with GA4, GTM, and UTM strategies.
Added by Meng Tocoreyhaines31Interaction Design
Design and implement purposeful UI motion, microinteractions, and feedback patterns to enhance usability and user delight.
Added by Meng TowshobsonLanding Page High-Conversion Web Design
Guidelines and workflows for designing and writing high-converting SaaS and service landing pages, covering structure, layout, copy, and SEO/AEO.
Added by Meng To
MengToFrontend Design for Distinctive Interfaces
Guides creation of distinctive, production-grade frontend interfaces with bold, cohesive aesthetics and refined implementation.
Added by Meng To
anthropicsGSAP Web Animation Skill
Guide to implementing and debugging professional GSAP-based web animations, timelines, and ScrollTrigger interactions.
Added by Meng ToMengToWeb Design Reviewer
Inspects web interfaces for layout, responsive, accessibility, and visual issues, then applies targeted source code fixes and re-verifies results.
Added by Meng To
githubAnime.js v4 Skill
Comprehensive guide to using Anime.js v4 for JavaScript-driven web animations, timelines, SVG, scroll effects, and draggable interactions.
Added by Meng To
BowTiedSwanVanta.js Animated WebGL Backgrounds Skill
Guide to setting up, configuring, and integrating Vanta.js animated WebGL backgrounds, including React usage, resizing, and performance considerations.
Added by Meng ToMengToAnimation Systems for Product-Grade Web Motion
Guides designing and implementing tasteful, high-performance product-grade web animation systems inspired by Stripe, Linear, Apple, and Vercel.
Added by Meng ToMengToCSS Border Gradient Skill
Teach how to create and customize CSS gradient borders using a pseudo-element mask, including Tailwind-friendly usage and common pitfalls.
Added by Meng ToMengToAura Asset Images for Design Mockups
Guides using Aura’s asset library to source Unsplash-style images plus recommended crops and resolutions for design and marketing use.
Added by Meng ToMengToProgressive Blur Skill
Implement layered CSS progressive blur overlays at the top or bottom of the viewport using multiple masked backdrop-filter layers.
Added by Meng ToMengToHigh-Conversion SaaS Pricing Page Design
Framework and checklists for designing and writing a high-converting SaaS pricing page, including layout patterns, copy, FAQs, and SEO/AEO.
Added by Meng ToMengToResponsive Design
Master modern responsive design techniques using container queries, fluid typography, CSS Grid, and mobile-first strategies for adaptive interfaces.
wshobsoncobe.js Lightweight WebGL Globe Skill
Implement a lightweight interactive WebGL globe with cobe.js, including responsive canvas setup, markers, interaction, and React/Next.js integration.
Added by Meng ToMengToMatter.js Skill
Guidelines and patterns for setting up Matter.js 2D physics scenes, interactions, and cleanup in web environments.
Added by Meng ToMengToCSS Alpha Masking Skill
Apply CSS linear-gradient-based alpha masks for horizontal or vertical edge fades using mask-image and -webkit-mask-image.
Added by Meng ToMengToCanvas Design
Guides creating original visual design philosophies and expressing them as meticulously crafted, museum-quality PNG or PDF art with minimal text.
anthropicsUnsplash Asset Images for Avatars and Backgrounds
Guidelines and curated Unsplash picks for avatars, portraits, backgrounds, and wallpapers with correct sizes and aspect ratios.
Added by Meng ToMengToThree.js Animation
Skill guide for creating and controlling animations in Three.js, including keyframes, skeletal rigs, morph targets, blending, and procedural motion.
Added by Nigel AlbaCloudAI-Xshadcn
How to install shadcn/ui, set up dependencies, and structure your React app across multiple frameworks.
Arsal IdreesGSAP React Installation
Provides npm commands to install GSAP and its React integration package.
Saadat MyrzabekAdvanced UI Prompt Architect
Generates structured prompts for creating professional SaaS interfaces, landing pages, and dashboards with clear layout, components, and visual design rules.
Sourasith PhomhomeSaaS Light Mode Designer
Guides the design of premium light-mode SaaS marketing pages with editorial grids, restrained color, framing lines, subtle motion, and conversion-focused layouts.
Sourasith PhomhomeProgressive Blur UI Overlay
Implement a customizable progressive gradient blur overlay at the top or bottom of the viewport using layered CSS backdrop-filters.
Branding Strategies
Defines and structures brand strategy, storytelling, voice, and visual identity for consistent branding across touchpoints.
kostja94Features Page Generator
Guides the planning, copy, structure, and SEO of high-converting product features pages.
kostja94GEO (Generative Engine Optimization) Strategies
Guides generative engine optimization strategies to improve content visibility and citation in AI search answers across tools like ChatGPT, Perplexity, and AI Overviews.
kostja94Image Optimization Analysis
Analyze and optimize webpage images for SEO, performance, formats, responsiveness, lazy loading, and CLS prevention.
Added by Jorge Jaramillo
jorgejaramilloStructured SaaS Interface System
Guidelines for designing a polished SaaS marketing interface with strong layout systems, realistic product dashboards, subtle motion, and refined visual hierarchy.
Sourasith PhomhomeAdvanced Light SaaS UI System
Guides creation of polished light-mode SaaS marketing interfaces with varied layouts, rich product UI components, strong hierarchy, and subtle motion.
Sourasith PhomhomeCold Start Strategies
Guides cold start strategy for AI/SaaS products to get first users, traction, and validate product-market fit from zero.
kostja94Skill Creator
Guidance for creating, structuring, editing, packaging, and iterating reusable Claude skills with metadata, resources, and best practices.
ComposioHQArtifacts Builder
Builds complex single-file Claude artifacts with React, TypeScript, Tailwind CSS, and shadcn/ui using init and bundling scripts.
CommandCodeAIAlgorithmic Art
Create generative art with p5.js using seeded randomness, noise, flow fields, particle systems, recursive forms, and palette-based experimentation.
MoizIbnYousafInternal Communications
Guides writing internal company communications like status reports, leadership updates, newsletters, FAQs, and incident reports using preferred formats.
CommandCodeAIBTR Motion Pattern Registry
A structured guide for selecting and applying web animation patterns across multiple technologies using a registry-first workflow.
Paywall and Upgrade Screen CRO
Guidance for optimizing in-app paywalls, upgrade prompts, and upsell flows to improve free-to-paid conversion without harming user trust.
coreyhaines31Stitch-UI-Full
A skill for generating DESIGN.md files that encode premium, non-generic design systems for AI-driven screen generation.
GSAP Skills Index for AI Agents
Index of GSAP-related skills for AI agents, covering core animation, timelines, ScrollTrigger, plugins, React/framework integration, utilities, and performance.
greensockGSAP with Vue, Svelte, and Other Frameworks
Covers using GSAP in Vue, Svelte, and similar frameworks with proper lifecycle timing, selector scoping, and cleanup on unmount.
greensockGSAP Core
Covers GSAP core tween animation APIs, easing, stagger, responsive matchMedia usage, and accessibility-minded animation best practices.
greensockGSAP Timeline
Explains how to build and control GSAP timelines for sequencing animations with position parameters, labels, nesting, defaults, and playback.
greensockGSAP Plugins
Covers GSAP plugin registration and practical use of plugins for scroll, FLIP, draggable UI, text, SVG, easing, physics, and animation debugging.
greensockgsap.utils
Reference for GSAP utility helpers like clamp, mapRange, random, snap, toArray, wrap, and related value, unit, and collection utilities for animation code.
greensockGSAP ScrollTrigger
Official GSAP guide for building scroll-linked animations with triggers, pinning, scrub behavior, batching, proxies, and cleanup best practices.
greensockCSS Border Gradient Skill
Teaches how to create customizable CSS gradient borders with a pseudo-element mask, including Tailwind-friendly usage and common implementation pitfalls.
GSAP with React
Guidelines for using GSAP in React and Next.js with useGSAP, refs, scoped selectors, cleanup, and SSR-safe animation patterns.
greensockGSAP Performance
Optimizes GSAP animations for smooth 60fps using transforms, batching, will-change, and efficient tweening patterns.
greensockStitch Design Taste
A semantic design system skill for Google Stitch that enforces premium UI standards through anti-generic rules and specific hardware-accelerated performance constraints.