Creates production-ready, pixel-perfect interfaces and design systems using Maycrest brand tokens and NativeWind.
The Maycrest UI Designer skill transforms Claude into a specialized design authority focused on building consistent, accessible, and high-performance interfaces. It prioritizes a 'system-first' approach, generating comprehensive design tokens, component libraries, and detailed handoff specs for both web (Next.js) and mobile (Expo/NativeWind) platforms. By strictly adhering to the Maycrest Group visual identity—characterized by its signature dark-mode palette and Space Grotesk typography—this skill ensures every generated UI component is WCAG AA compliant and ready for immediate implementation.
Key Features
01Detailed Figma handoff specs including auto-layout and spacing
02Accessibility-first components with WCAG AA contrast compliance
03Token-based design system architecture for consistent branding
04Dark-mode primary theme optimization for modern application shells
05Automated NativeWind and Tailwind CSS utility class generation
060 GitHub stars
Use Cases
01Building a standardized component library for a new Expo/React Native mobile app
02Generating design token JSON and typography scales for cross-platform design consistency
03Designing responsive, high-fidelity dashboard screens for Vercel-deployed Next.js projects
