Agent skill

mobile-design

Mobile-first design thinking and decision-making for iOS and Android apps.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/mobile-design-spencergeee-spentrade

SKILL.md

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:

🧠 Knowledge Modules (Fractal Skills)

1. Universal (Always Read)

2. Platform-Specific (Read Based on Target)

3. You MUST Ask If Not Specified:

4. ⛔ AI MOBILE ANTI-PATTERNS (YASAK LİSTESİ)

5. When to Unify vs Diverge

6. Quick Reference: Platform Defaults

7. Fitts' Law for Touch

8. Thumb Zone (One-Handed Usage)

9. Mobile-Specific Cognitive Load

10. React Native Critical Rules

11. Flutter Critical Rules

12. Animation Performance

13. Before Starting ANY Mobile Project

14. Before Every Screen

15. Before Release

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results