frontend-app-design

This skill acts as a specialized design system expert for React Native Expo development. It focuses on creating production-grade, aesthetically striking mobile interfaces by moving beyond generic templates. It enforces strict adherence to iOS Human Interface Guidelines while leveraging modern design principles like liquid glass, depth-based layering, and sophisticated motion physics. Users can utilize this skill to generate screens, components, or entire design systems that are both functionally robust and visually unforgettable.

• Advanced UI/UX Implementation: Generates production-ready React Native code using Tailwind CSS (NativeWind), Reanimated for fluid 60fps motion, and expo-blur for high-fidelity translucency.

• Liquid Glass Aesthetics: Implements deep visual hierarchies through frosted glass effects, layered surfaces, and carefully curated transparency, providing a modern, tactile feel.

• Typography & Color Systems: Curates unique, expressive font pairs via @expo-google-fonts and high-impact color palettes that avoid derivative AI design patterns.

• Spatial & Touch-First Design: Emphasizes mobile ergonomics, thumb-zone optimization, and accessibility-compliant touch targets (minimum 44pt).

• Contextual Design Thinking: Forces a BOLD aesthetic commitment—whether minimalist, brutalist, or maximalist—ensuring the resulting interface aligns with the application’s specific brand identity.

• Input Requirements: Provide the screen purpose, user audience, technical constraints, and the desired aesthetic direction (e.g., brutalist, luxury, playful).

• Tech Stack Compatibility: Designed for Expo SDK 53+, React Native Reanimated, Zustand, and React Query integrations.

• Aesthetic Guardrails: Actively prevents generic AI aesthetics like standard system fonts or overused purple gradients.

• Iterative Refinement: Encourages high-impact, memory-driven design choices such as staggered reveals, gesture-driven interactions, and haptic feedback loops via expo-haptics.

• Workflow Integration: Ideal for developers who need to move quickly from a design concept to a polished, maintainable component in a production-grade codebase.