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 12 of 42 skills

Three.js Animation

Guide to creating, controlling, and optimizing animations in Three.js, including keyframes, skeletal rigs, morph targets, blending, and procedural motion.

3k views
258 Uses
Meng ToAdded by Meng To
CloudAI-XCloudAI-X
CloudAI-X/threejs-skills

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

GSAP Web Animation Skill

Guide to implementing and debugging professional GSAP-based web animations, timelines, and ScrollTrigger interactions.

1.2k views
128 Uses
Meng ToAdded by Meng To
MengToMengTo
MengTo/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

Vanta.js Animated WebGL Backgrounds Skill

Guide to setting up, configuring, and integrating Vanta.js animated WebGL backgrounds, including React usage, resizing, and performance considerations.

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

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

728 views
65 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.

326 views
9 Uses
Nigel AlbaAdded by Nigel Alba
CloudAI-XCloudAI-X
CloudAI-X/threejs-skills

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

Algorithmic Art

Create generative art with p5.js using seeded randomness, noise, flow fields, particle systems, recursive forms, and palette-based experimentation.

87 views
1 Uses
Added by Aura community
MoizIbnYousafMoizIbnYousaf
MoizIbnYousaf/Ai-Agent-Skills

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