Implements responsive, accessible, and theme-aware UI patterns following strict mobile-first design standards.
The PastCare UX skill provides Claude with the specialized knowledge required to build high-quality, production-ready frontend interfaces. It automates the implementation of mobile-first responsive layouts, ensures full WCAG-compliant accessibility through semantic HTML and ARIA attributes, and maintains visual consistency using a robust CSS variable-based theming system. It is specifically designed to handle complex interactions, loading states, and user feedback patterns, making it an essential tool for developers building modern web applications that need to work seamlessly across mobile, tablet, and desktop devices.
Key Features
010 GitHub stars
02Dynamic light and dark theme support using integrated CSS variables.
03Mandatory mobile-first responsive design with standardized CSS breakpoints.
04Consistent interaction patterns for transitions, hover effects, and loading states.
05Standardized spacing system and layout patterns for grids and forms.
06Comprehensive accessibility standards including focus management and ARIA roles.
Use Cases
01Implementing theme-aware components that adapt automatically to dark mode preferences.
02Generating responsive dashboard layouts with auto-fitting stat grids and cards.
03Building accessible, multi-step forms with real-time validation feedback.
