Mobile UI Design helps you build apps that work well on phones and tablets. It focuses on touch targets, color contrast, and accessibility for everyone. Developers using React Native, iOS, or Android will find clear rules and code examples. The goal is to create interfaces that are easy to tap, read, and use with one hand. This skill saves time by catching common mistakes early.
Anyone building mobile components can apply these non-negotiable standards. Every button, icon, and link must be at least 44x44 points. Text colors must meet WCAG contrast ratios. Buttons need visible boundaries and accessibility labels. Following these guidelines makes your app more usable and inclusive.
Global
mkdir -p ~/.claude/skills/ui-mobileProject
mkdir -p .claude/skills/ui-mobileSource Repository
Vercel React Native Skillsvercel-labs/agent-skills
Build fast and smooth React Native apps with proven best practices
Xcode Project Setupfirebase/agent-skills
Add Swift packages and files to Xcode projects safely and quickly
Building Native Uiexpo/skills
Build native mobile interfaces with Expo Router and modern UI patterns
Expo Dev Clientexpo/skills
Build custom Expo dev clients for testing native code on real devices
Upgrading Expoexpo/skills
Upgrade Expo SDK versions and fix dependencies with this step by step guide
Expo Deploymentexpo/skills
Deploy Expo apps to iOS, Android, and web with EAS automation
Use Domexpo/skills
Run web code in native apps using Expo DOM components without rewriting
Flutter Apply Architecture Best Practicesflutter/skills
Architect Flutter apps with clean layers for scalability and maintainability