Design Tools Claude 技能

React Development Expert

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

Tailwind CSS Accessibility Guide

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

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 Performance Expert

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

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 Animations & Transitions

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

Tailwind CSS Advanced Design Systems

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

Gesttione Design System

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

Distinctive UI Design & Aesthetics

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

UI Visual Showcase Modes

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

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 Designer

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

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.

Frontend UI & API Integration

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

Aesthetic UI Design

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

Design System Builder

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

UI/UX Pro Max Design Intelligence

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

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.

DaisyUI v5 Form Patterns

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

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

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

Avalonia Custom Control Architect

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

WPF Styles & Resource Management

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

AvaloniaUI Radial Gradient Fixer

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

XAML Property Element Syntax

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

WPF View-ViewModel Auto-Mapper

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

WPF Custom Control Architecture

Architects reusable WPF Custom Controls using modular ResourceDictionaries and clean Generic.xaml hub structures.