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

55skills
Updated Apr 19, 2026
Showing 18 of 55 skills

UI Design System

Toolkit for creating and maintaining scalable UI design systems with tokens, responsive rules, accessibility and developer handoff docs.

10.1k views
1.1k Uses
Meng ToAdded by Meng To
davila7davila7
davila7/claude-code-templates

Tailwind Design System v4

Build scalable, responsive, and accessible design systems with Tailwind CSS v4, design tokens, and reusable React UI components.

5.1k views
364 Uses
Meng ToAdded by Meng To
wshobsonwshobson
wshobson/agents

CSS Border Gradient Skill

Teach how to create and customize CSS gradient borders using a pseudo-element mask, including Tailwind-friendly usage and common pitfalls.

958 views
29 Uses
Meng ToAdded by Meng To
MengToMengTo
MengTo/Skills

Responsive Design

Master modern responsive design techniques using container queries, fluid typography, CSS Grid, and mobile-first strategies for adaptive interfaces.

892 views
124 Uses
Added by Aura community
wshobsonwshobson
wshobson/agents

Unsplash Asset Images for Avatars and Backgrounds

Guidelines and curated Unsplash picks for avatars, portraits, backgrounds, and wallpapers with correct sizes and aspect ratios.

612 views
26 Uses
Meng ToAdded by Meng To
MengToMengTo
MengTo/Skills

Three.js Animation

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

533 views
10 Uses
Nigel AlbaAdded by Nigel Alba
CloudAI-XCloudAI-X
CloudAI-X/threejs-skills

Advanced UI Prompt Architect

Generates structured prompts for creating professional SaaS interfaces, landing pages, and dashboards with clear layout, components, and visual design rules.

450 views
30 Uses
Sourasith PhomhomeSourasith Phomhome

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

446 views
36 Uses
Sourasith PhomhomeSourasith Phomhome

GEO (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.

353 views
9 Uses
Added by Aura community
kostja94kostja94
kostja94/marketing-skills

Cold Start Strategies

Guides cold start strategy for AI/SaaS products to get first users, traction, and validate product-market fit from zero.

309 views
2 Uses
Added by Aura community
kostja94kostja94
kostja94/marketing-skills

Skill Creator

Guidance for creating, structuring, editing, packaging, and iterating reusable Claude skills with metadata, resources, and best practices.

300 views
Added by Aura community
ComposioHQComposioHQ
ComposioHQ/awesome-claude-skills

Artifacts Builder

Builds complex single-file Claude artifacts with React, TypeScript, Tailwind CSS, and shadcn/ui using init and bundling scripts.

290 views
5 Uses
Added by Aura community
CommandCodeAICommandCodeAI
CommandCodeAI/agent-skills

BTR Motion Pattern Registry

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

202 views
14 Uses
Aura community

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.

151 views
9 Uses
Added by Aura community
coreyhaines31coreyhaines31
coreyhaines31/marketingskills

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.

123 views
2 Uses
Added by Aura community
greensockgreensock
greensock/gsap-skills

Stitch-UI-Full

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

118 views
1 Uses
Aura community

GSAP Timeline

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

90 views
2 Uses
Added by Aura community
greensockgreensock
greensock/gsap-skills

CSS Border Gradient Skill

Teaches how to create customizable CSS gradient borders with a pseudo-element mask, including Tailwind-friendly usage and common implementation pitfalls.

45 views
Aura community