
Mobile Design
This is a mobile design reference that forces you to think through platform decisions instead of defaulting to web patterns on a small screen. It's built around mandatory reading files covering touch psychology, performance patterns, and platform conventions, with explicit callouts to prevent AI from suggesting ScrollView for long lists or sub-44px touch targets. The "ask before assuming" section is the real value: it makes you declare iOS versus Android, React Native versus Flutter, and whether you need offline support before writing a single line. The anti-patterns table is a checklist of things that look fine in demos but kill performance in production. Use this when you're building actual mobile apps and need to respect battery life, thumb zones, and the fact that users will lose network mid-session.
- skills.sh installs
- 1.8K
- GitHub stars
- 33.2K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add davila7/claude-code-templates --skill mobile-design --agent claude-codeInstalls into .claude/skills of the current project.
Files
Mobile Design System
Philosophy: Touch-first. Battery-conscious. Platform-respectful. Offline-capable. Core Principle: Mobile is NOT a small desktop. THINK mobile constraints, ASK platform choice.
🔧 Runtime Scripts
Execute these for validation (don't read, just run):
| Script | Purpose | Usage |
|---|---|---|
scripts/mobile_audit.py | Mobile UX & Touch Audit | python scripts/mobile_audit.py <project_path> |
🔴 MANDATORY: Read Reference Files Before Working!
â›” DO NOT start development until you read the relevant files:
Universal (Always Read)
Sponsors
Details
- Repository
- github.com/davila7/claude-code-templates
- Categories
- Frontend Development, Debugging, Productivity & Planning, Mobile Development, Design & UI/UX
- First seen
- May 16, 2026
More from davila7/claude-code-templates
All 618- Senior Data Engineer1.8K
- Ui Design System1.7K
- Stable Diffusion Image Generation1.7K
- Scientific Visualization1.6K
- Remotion1.5K
- Prompt Engineer1.5K
- Whisper1.5K
- Citation Management1.4K
- Scientific Slides1.4K
- Generate Image1.4K
- Marketing Strategy Pmm1.4K
- Senior Devops1.4K
- Mermaid Diagram Specialist1.4K
- 3d Web Experience1.4K
- Ux Researcher Designer1.3K
- Senior Qa1.2K
- Senior Architect1.2K
- Scientific Schematics1.2K
- Jira1.2K
- Senior Fullstack1.2K
- Senior Computer Vision1.2K
- Google Analytics1.2K
- Video Downloader1.2K
- Scientific Critical Thinking1.1K