Design Tools Agent Skills

UI/UX Pro Max

Provides comprehensive design intelligence to plan, build, and optimize high-fidelity, aesthetic frontend interfaces across multiple frameworks.

Notification UI Components

Implements interactive notification systems featuring bell icons, unread badges, and polished dropdown panels.

Sandhya Frontend Designer

Creates distinctive, research-backed frontend interfaces with a focus on high-quality UI/UX craft and aesthetic excellence.

Typography & Text Effects

Enhances web interfaces with responsive typography, animated headers, and interactive text micro-animations.

Template Frontend Architect

Implements type-safe frontend components and state management patterns using React, TanStack Query, and Zustand within a monorepo architecture.

Repo Logo Generator

Generates professional, transparent-background repository logos using AI and programmatic chromakey technology.

AI Image Generator

Generates and edits high-quality AI images using advanced models like Gemini and Seedream directly within your terminal.

Shadcn UI Manager

Streamlines the integration and management of Shadcn UI components using official CLI patterns and architectural best practices.

React Modernization

Upgrades React applications to modern standards by migrating class components to hooks and adopting React 18+ features.

Tailwind Design System

Builds production-grade design systems and reusable component libraries using Tailwind CSS, design tokens, and structured UI patterns.

High-Fidelity UI Component Generator

Generates production-grade, high-fidelity React components using shadcn/ui and 21st.dev with a focus on modern design aesthetics and motion.

React 19 Expert

Implements modern React 19 patterns and core features for high-performance frontend applications.

Next.js Shadcn UI Expert

Streamlines the implementation of accessible, high-performance UI components using shadcn/ui and TanStack Form within Next.js App Router environments.

Tailwind CSS Backgrounds

Empowers Claude to implement advanced Tailwind CSS v4.1 background styling including OKLCH colors, gradients, and blend modes.

Laravel Livewire Expert

Develops reactive web components and interactive UIs for Laravel applications using Livewire 3, Volt, and Folio.

Tailwind CSS v4 Support

Streamlines Tailwind CSS v4 development with expert guidance on CSS-first configuration, modern directives, and version migration.

Base UI Component Architect

Builds accessible, unstyled UI components using Base UI primitives and Tailwind CSS for custom design systems.

SOLID React Architect

Enforces strict SOLID principles and modular architecture patterns for high-quality React 19 development.

React Hooks Expert

Implements optimized React hooks and custom patterns following industry best practices for state and lifecycle management.

React Performance Expert

Optimizes React applications using memoization, lazy loading, virtualization, and efficient state management patterns.

Tailwind CSS Sizing Utilities

Simplifies frontend layout construction by providing comprehensive Tailwind CSS v4.1 sizing utilities for widths, heights, constraints, and aspect ratios.

Tailwind CSS Effects Utility

Implements advanced visual styles including shadows, filters, masks, and backdrop blurs using Tailwind CSS v4.1 standards.

Tailwind CSS Borders & Outlines

Styles component borders, radii, outlines, and ring utilities using Tailwind CSS v4.1 standards.

Tailwind CSS Utilities

Provides a comprehensive reference of Tailwind CSS utility classes to accelerate frontend development and styling.

Tailwind CSS Typography

Streamlines the implementation of Tailwind CSS v4.1 typography utilities for professional web styling.

Tailwind CSS Spacing

Provides precise implementation of Tailwind CSS v4.1 margin, padding, and space-between utilities for frontend layouts.

Tailwind CSS Responsive Design

Implements fluid responsive layouts and container queries using modern Tailwind CSS mobile-first design patterns.

Tailwind CSS Custom Styles

Extends Tailwind CSS capabilities by implementing custom utilities, variants, and organizational patterns for modern web development.

Tailwind CSS Utility Reference

Provides a comprehensive, categorized reference of Tailwind CSS utility classes to streamline frontend development and styling.

Tailwind CSS Interactivity

Optimizes user experience by streamlining the implementation of interactivity and scroll utilities in Tailwind CSS v4.1.