tailwindcss-plugins
Tailwind CSS plugins including official plugins and custom plugin development
Tailwind CSS plugins including official plugins and custom plugin development
Tailwind CSS advanced design systems with design tokens and @theme configuration
Tailwind CSS debugging and troubleshooting guide for common issues and solutions
Analyze a React/TypeScript component for compliance with coding guidelines and suggest improvements.
Implement web accessibility (a11y) standards following WCAG 2.1 guidelines. Use when building accessible UIs, fixing accessibility issues, or ensuring compliance with disability standards. Handles ARIA attributes, keyboard navigation, screen readers, semantic HTML, and accessibility testing.
Route to the right UX skill based on your task and platform context
Tailwind CSS utility-first framework for rapid UI development with responsive design and dark mode
Tailwind CSS responsive design and dark mode implementation patterns for 2025/2026
Building reusable React state machine skills with XState v5 and the actor model
Tailwind CSS advanced component patterns with CVA integration and variant management
Tailwind CSS performance optimization including v4 improvements and best practices
Complete React component patterns system. PROACTIVELY activate for: (1) Compound components with context, (2) Render props pattern, (3) Higher-Order Components (HOC), (4) Custom hooks as patterns, (5) Provider pattern with reducer, (6) Controlled vs uncontrolled components, (7) Prop getter pattern, (8) State reducer pattern. Provides: Pattern implementations, composition strategies, reusable component APIs, flexible state control. Ensures clean, maintainable component architecture.
FlexLayout for React - Advanced docking layout manager with drag-and-drop, tabs, splitters, and complex window management
Tailwind CSS accessibility patterns including WCAG 2.2 compliance, touch targets, focus management, and ARIA support
Tailwind CSS v4 fundamentals covering installation, CSS-first configuration, design systems, and 2025/2026 best practices
WMS map React components (WMS 地圖 React 元件). Use when building warehouse map editors (倉儲地圖編輯器), interactive floor plans, location visualization, or spatial management interfaces. Based on ReactFlow/XYFlow. Keywords: WMS, 倉儲地圖, warehouse map, floor plan, ReactFlow, XYFlow, 地圖編輯, spatial, location
Tailwind CSS advanced layout techniques including CSS Grid and Flexbox patterns
Comprehensive mobile-first responsive design patterns with 2025/2026 best practices for Tailwind CSS v4
React performance optimization patterns using memoization, code splitting, and efficient rendering strategies. Use when optimizing slow React applications, reducing bundle size, or improving user experience with large datasets.
Tailwind CSS animations and transitions including built-in utilities and custom animation patterns
Implement state management patterns for frontend applications. Use when managing global state, handling complex data flows, or coordinating state across components. Handles React Context, Redux, Zustand, Recoil, and state management best practices.