Mobile UI (User Interface) design and development focuses on creating intuitive, responsive interfaces for mobile devices. This encompasses layout patterns, navigation design, touch interactions, and platform-specific guidelines for iOS and Android platforms.
Key Concepts
Responsive layout design patterns
Touch-first interaction design
Platform-specific design guidelines
Accessibility for mobile users
Performance optimization for mobile
Common Use Cases
Native mobile application interfaces
Cross-platform mobile UIs
Mobile-first web applications
Progressive Web Apps (PWAs)
Responsive dashboard designs
Best Practices
Design for thumb-zone accessibility
Minimize text input requirements
Use appropriate touch target sizes
Implement smooth transitions
Consider offline-first design patterns
Resources
Apple HIG: developer.apple.com/design/human-interface-guidelines
Material Design: material.io/design
Related Skills: mobile-development, android, ios, react-native, flutter
1---2name: mobile-ui-33description: Mobile UI4---5# Mobile UI67Mobile UI (User Interface) design and development focuses on creating intuitive, responsive interfaces for mobile devices. This encompasses layout patterns, navigation design, touch interactions, and platform-specific guidelines for iOS and Android platforms.89## Key Concepts1011- Responsive layout design patterns12- Touch-first interaction design13- Platform-specific design guidelines14- Accessibility for mobile users15- Performance optimization for mobile1617## Common Use Cases1819- Native mobile application interfaces20- Cross-platform mobile UIs21- Mobile-first web applications22- Progressive Web Apps (PWAs)23- Responsive dashboard designs2425## Best Practices2627- Design for thumb-zone accessibility28- Minimize text input requirements29- Use appropriate touch target sizes30- Implement smooth transitions31- Consider offline-first design patterns3233## Resources3435- Apple HIG: developer.apple.com/design/human-interface-guidelines36- Material Design: material.io/design37- Related Skills: mobile-development, android, ios, react-native, flutter
Run npx skillmds@latest add neuralblitz/mobile-ui-3 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Mobile UI It is listed under AI & ML on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
NeuralBlitz (@neuralblitz) published this skill. Their other Agent Skills are listed on their SkillMD profile.
NeuralBlitz