Design Tools Agent Skills

React Development Expert

Architects high-performance, production-ready React applications using the latest React 19 patterns and industry best practices.

Tailwind CSS Advanced Design Systems

Architects sophisticated, production-grade Tailwind CSS design systems using advanced design tokens, multi-theme configurations, and fluid typography.

Tailwind CSS v4 Master

Implements modern Tailwind CSS v4 workflows using CSS-first configuration, OKLCH colors, and high-performance Rust engine best practices.

Tailwind CSS Animations & Transitions

Simplifies the implementation of smooth, performance-optimized animations and transitions using Tailwind CSS utility classes.

Tailwind CSS Accessibility Guide

Implements WCAG 2.2 compliant accessibility patterns and ARIA support using Tailwind CSS utility classes.

Vue 3 & Nuxt Expert

Builds high-performance, reactive web applications using Vue 3 Composition API, Nuxt 3, and Pinia with strict TypeScript integration.

Tailwind CSS Performance Expert

Optimizes Tailwind CSS builds and configurations for maximum speed and minimal bundle size using v4 best practices.

Gesttione Design System

Implements the Gesttione brand identity and metric visualization patterns for professional business dashboards.

UI Visual Showcase Modes

Enhances UI and interaction designs with high-impact visual modes and structured implementation checklists.

Distinctive UI Design & Aesthetics

Generates high-performance, non-generic user interfaces with a focus on progressive disclosure and modern design systems.

Nano Banana Pro Image Generation

Generates custom AI images and visual assets for web projects using Google's Gemini 2.5 Flash model.

User Journey Mapping

Generates comprehensive user journey maps to identify pain points, emotional states, and optimization opportunities across the user experience.

Algorithmic Art Generator

Generates sophisticated, gallery-quality generative art using p5.js and custom computational philosophies.

React Artifacts Builder

Builds complex, multi-component React artifacts for Claude.ai using shadcn/ui and Tailwind CSS.

Frontend UI & API Integration

Implements production-ready UI components and establishes robust frontend-backend API integration patterns using a structured 3-layer architecture.

Frontend Designer

Builds accessible, responsive, and performance-optimized user interfaces using modern CSS patterns and design system best practices.

Design System Builder

Architects and implements consistent, platform-independent design systems using standardized design tokens and component libraries.

Next.js Ready UI Mockup Generator

Generates high-fidelity UI/UX mockups in HTML, CSS, and JavaScript designed for seamless transition into Next.js components.

Aesthetic UI Design

Create distinctive, non-generic user interfaces using structured aesthetic direction and automated visual verification.

UI/UX Pro Max

Generates high-fidelity UI/UX designs and implementation code using a searchable database of professional styles, palettes, and frameworks.

UI/UX Pro Max Design Intelligence

Provides Claude with a comprehensive, searchable database of professional UI styles, color palettes, and framework-specific design patterns.

DaisyUI v5 Form Patterns

Implements standardized DaisyUI v5 form structures and validation patterns for rapid, accessible frontend development.

UI/UX Pro Max Design Intelligence

Accelerates the creation of professional-grade user interfaces with an intelligent database of design styles, color palettes, and framework-specific best practices.

UI/UX Pro Max Design Intelligence

Generates data-driven UI/UX design systems and high-fidelity interfaces using a searchable database of 50+ styles, palettes, and framework-specific patterns.

WPF View-ViewModel Auto-Mapper

Implements automated View-ViewModel mapping in WPF using DataTemplates for seamless navigation and dynamic content rendering.

AvaloniaUI Radial Gradient Fixer

Automatically identifies and resolves RadialGradientBrush rendering issues in AvaloniaUI by synchronizing GradientOrigin and Center properties.

WPF Styles & Resource Management

Optimizes WPF application UI by managing complex style definitions and ResourceDictionary architectures for consistent design systems.

XAML Property Element Syntax

Refactors complex inline XAML bindings into structured Property Element Syntax for enhanced readability and maintainability.

Avalonia Custom Control Architect

Architects scalable Avalonia UI desktop applications using modular CustomControl patterns and professional theme separation.

High-Performance WPF Rendering

Optimizes WPF application graphics and rendering performance using low-level drawing techniques and GPU acceleration.