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
Copywriting
Guidelines and workflows for writing high-converting marketing copy for web pages, including headlines, CTAs, and page structures.
Added by Meng To
coreyhaines31Tailwind 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
wshobsonThree.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
MengToWeb 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
githubGSAP Web Animation Skill
Guide to implementing and debugging professional GSAP-based web animations, timelines, and ScrollTrigger interactions.
Added by Meng ToMengToAnime.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 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 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 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 ToMengTocobe.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 ToMengToResponsive Design
Master modern responsive design techniques using container queries, fluid typography, CSS Grid, and mobile-first strategies for adaptive interfaces.
wshobsonMatter.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 ToMengToUnsplash 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 ToMengToCanvas Design
Guides creating original visual design philosophies and expressing them as meticulously crafted, museum-quality PNG or PDF art with minimal text.
anthropicsThree.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 IdreesProgressive Blur UI Overlay
Implement a customizable progressive gradient blur overlay at the top or bottom of the viewport using layered CSS backdrop-filters.
Image Optimization Analysis
Analyze and optimize webpage images for SEO, performance, formats, responsiveness, lazy loading, and CLS prevention.
Added by Jorge Jaramillo
jorgejaramilloGEO (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.
kostja94Features Page Generator
Guides the planning, copy, structure, and SEO of high-converting product features pages.
kostja94Cold Start Strategies
Guides cold start strategy for AI/SaaS products to get first users, traction, and validate product-market fit from zero.
kostja94Algorithmic Art
Create generative art with p5.js using seeded randomness, noise, flow fields, particle systems, recursive forms, and palette-based experimentation.
MoizIbnYousafSkill 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.
CommandCodeAIInternal Communications
Guides writing internal company communications like status reports, leadership updates, newsletters, FAQs, and incident reports using preferred formats.
CommandCodeAI