Build native-feeling, benchmark-quality mobile app screens (Expo / React Native). Use when designing or implementing any mobile UI — screens, flows, onboarding, paywalls, tab bars, sheets, settings, empty states — or when polishing motion, navigation, typography, dark mode, or perceived performance. Enforces Apple HIG fidelity, semantic colors, native controls, anti-slop discipline, navigation semantics (push vs replace, modal vs sheet vs overlay, the one-way doors where back must not exist), purposeful Reanimated motion, a full-motion simulator-verified iteration loop, and a study-real-apps-first workflow (pairs with the Appllama MCP). Trigger on "build a screen", "make this screen better", "design the onboarding", "wire up this flow", "polish the UI", "make it feel native", or any mobile design/implementation task.
Mobile App Design Skills for Claude Code, Codex & AI Agents
These skills help an agent shape mobile screens before or alongside implementation. Members cover Mobile Native Web, mobile app design, Apple design, and local development workflows.
5 skillsExplore Mobile App Design skills
5 skillsDiagnose and improve touch, viewport and browser behaviors that make mobile web interfaces feel awkward.
Design mobile app screens with Sleek and implement selected designs in React Native or HTML.
Build and run Happy's CLI, server, mobile and desktop packages using its pnpm workspace workflow.
Review mobile and desktop interfaces against topic-routed Apple Human Interface Guidelines, with findings and fixes adapted to the application's framework.
Related topics
How to choose Mobile App Design skills
Choose a design entry for screens and flows, Apple Design when the platform language matters, and local development guidance once the project is running.
- Map a mobile onboarding flow
- Design an Apple-style app screen
- Adapt a web idea for a mobile surface