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

42skills
Updated Mar 20, 2026
Showing 14 of 42 skills

UI Design System

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

5.9k views
697 Uses
Meng ToAdded by Meng To
davila7davila7
davila7/claude-code-templates

Web Interface Guidelines

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

3k views
175 Uses
Meng ToAdded by Meng To
vercel-labsvercel-labs
vercel-labs/web-interface-guidelines

Interaction Design

Design and implement purposeful UI motion, microinteractions, and feedback patterns to enhance usability and user delight.

1.8k views
240 Uses
Meng ToAdded by Meng To
wshobsonwshobson
wshobson/agents

Frontend Design for Distinctive Interfaces

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

1.4k views
140 Uses
Meng ToAdded by Meng To
anthropicsanthropics
anthropics/skills

Anime.js v4 Skill

Comprehensive guide to using Anime.js v4 for JavaScript-driven web animations, timelines, SVG, scroll effects, and draggable interactions.

1.1k views
58 Uses
Meng ToAdded by Meng To
BowTiedSwanBowTiedSwan
BowTiedSwan/animejs-skills

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.

641 views
19 Uses
Meng ToAdded by Meng To
MengToMengTo
MengTo/Skills

Progressive Blur Skill

Implement layered CSS progressive blur overlays at the top or bottom of the viewport using multiple masked backdrop-filter layers.

627 views
22 Uses
Meng ToAdded by Meng To
MengToMengTo
MengTo/Skills

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

541 views
17 Uses
Meng ToAdded by Meng To
MengToMengTo
MengTo/Skills

Progressive Blur UI Overlay

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

252 views
6 Uses
Aura community

Advanced UI Prompt Architect

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

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

104 views
12 Uses
Sourasith PhomhomeSourasith Phomhome

Structured SaaS Interface System

Guidelines for designing a polished SaaS marketing interface with strong layout systems, realistic product dashboards, subtle motion, and refined visual hierarchy.

94 views
11 Uses
Sourasith PhomhomeSourasith Phomhome

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

86 views
9 Uses
Sourasith PhomhomeSourasith Phomhome

Artifacts Builder

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

79 views
3 Uses
Added by Aura community
CommandCodeAICommandCodeAI
CommandCodeAI/agent-skills