AI agent skills for front-end teams and web designers

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

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

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

Applies psychological principles and mental models to design ethical, effective marketing, pricing, and growth strategies.

Guidelines and workflows for designing and writing high-converting SaaS and service landing pages, covering structure, layout, copy, and SEO/AEO.

Inspects web interfaces for layout, responsive, accessibility, and visual issues, then applies targeted source code fixes and re-verifies results.

Guides using Aura’s asset library to source Unsplash-style images plus recommended crops and resolutions for design and marketing use.

Framework and checklists for designing and writing a high-converting SaaS pricing page, including layout patterns, copy, FAQs, and SEO/AEO.

How to install shadcn/ui, set up dependencies, and structure your React app across multiple frameworks.

Arsal Idrees

ui.shadcn.com

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

Guides the design of premium light-mode SaaS marketing pages with editorial grids, restrained color, framing lines, subtle motion, and conversion-focused layouts.

Guides the planning, copy, structure, and SEO of high-converting product features pages.

453 views

6 Uses

Added by kostja zhang

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

Guides creation of polished light-mode SaaS marketing interfaces with varied layouts, rich product UI components, strong hierarchy, and subtle motion.

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

346 views

5 Uses

Added by Alain Hensley

Covers GSAP plugin registration and practical use of plugins for scroll, FLIP, draggable UI, text, SVG, easing, physics, and animation debugging.

144 views

1 Uses

Added by Mitul Chovatiya

Creates premium, website-like presentation decks using custom design systems, structured UI components, and executive storytelling principles.

Prosper Akingbohungbe

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

Abiel A.R

Master React 19, Next.js 15, and modern architecture to build performant, accessible, and scalable web applications.

Robert Denton

Create self-contained HTML dashboards featuring KPI cards, Chart.js visualizations, interactive filters, and sortable data tables without external dependencies.

Robert Denton

Art direction skill for generating high-fidelity, app-native mobile screen flows with clean hierarchy, rich textures, and premium device framing.

Write and review microcopy, error messages, and CTAs using principles of clarity, conciseness, and human-centric design.

Robert Denton

Create tactile web interfaces using layered gradients, stacked shadows, and micro-textures for a realistic physical aesthetic.

Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation across cards, controls, and modals.

Implement precise chamfered edges and diagonal-cut corners for buttons and containers using CSS clip-path and polygon shapes.