frontend-design
This skill guides creation of distinctive, production-grade mobile interfaces that set the standard for modern React Native design. Implement real working code with exceptional attention to mobile-specific design patterns, platform conventions, and sophisticated visual execution.
The user provides mobile interface requirements: a screen, component, flow, or experience to build. They may include context about the purpose, user workflow, or technical constraints.
Mobile Design Thinking
Before coding, understand the mobile context and commit to a sophisticated design direction:
- Purpose: What user problem does this solve? What's the core mobile interaction?
- Platform Identity: Choose a design language that feels intentional and modern:
- Refined minimalism with precision spacing, elegant typography, and subtle animations
- Luxury depth with layered surfaces, sophisticated gradients, and material blur effects
- Gestural fluidity with natural transitions, haptic feedback, and motion choreography
- Technical precision with monospaced accents, data visualization, and clean hierarchy
- Neo-brutalist with bold typography, high contrast, and geometric patterns
- Each direction should feel purposeful and contemporary for 2025 mobile design
- Platform Constraints: iOS/Android patterns, performance, accessibility, touch targets (min 44pt)
- Signature Moment: What's the one interaction that will feel delightful and memorable?
CRITICAL: Mobile design demands intentionality at every scale—from micro-interactions to full-screen compositions. Precision in spacing, typography, and motion separates professional work from generic implementations.