Generates touch-optimized, mobile-first interfaces and components adhering to native platform design guidelines.
This skill empowers Claude to design and implement mobile-centric user interfaces with a focus on usability, accessibility, and platform-specific patterns. It provides comprehensive guidance on touch target sizing, bottom navigation layouts, gesture interactions, and 'thumb zone' optimization. Whether building a Progressive Web App (PWA) or a native mobile application, this skill ensures that generated code respects safe areas, utilizes appropriate typography scales, and incorporates native-feeling animations and transitions for a polished, high-performance user experience.
主要功能
01Mobile-specific form design with smart keyboard inputmode attributes
02Standardized mobile typography scales and high-performance CSS animations
031 GitHub stars
04Touch target optimization following Apple HIG and Material Design standards
05Implementation of 'thumb zone' optimized bottom navigation and call-to-actions
06Responsive safe area management for notched and modern device displays
使用场景
01Optimizing existing desktop UIs for touch-based mobile interactions and one-handed use
02Creating native-feeling components like bottom sheets, drawers, and swipeable lists
03Building mobile-first responsive landing pages or web applications
