AI Inspiration WorldAdded Nov 4, 2026
mobile-app-ui-design
A Skill for designing mobile app screens and flows with AI, following principles from well-made apps.
- Ecosystem
- Agent Skills
- Skill category
- Design
- Creator / organization
- ceorkm
What it is
mobile-app-ui-design is a Claude Code Skill by GitHub user ceorkm for designing mobile app screens and flows. The README says it draws on how apps like Airbnb, Duolingo and Spotify are designed. It activates when you ask Claude to design an app screen, make mockups or improve an existing design. It has a 5-step design process plus concrete rules for color, type sizes, spacing and shadows. What stands out is its per-industry conventions, such as how AI, finance and health apps each tend to look.
Highlights:
- easy rules such as 60/30/10 color, an 8-point grid and primary actions in the bottom third of the screen
- emotional design such as the peak-end rule
- implementation with React, Tailwind CSS and Lucide icons.
How to use:
- First run npx skills add ceorkm/mobile-app-ui-design
- or copy the files into ~/.claude/skills/mobile-app-ui-design/ and restart Claude Code
- then ask for a screen, such as "Design a fitness app home screen".
Who it's for:
Indie developers and design beginners who want AI help with app screens and mockups.
Before you start:
- You need Claude Code or an assistant that supports Agent Skills.
- The repo has no separate license file; the README badge says MIT, so check with the author before reusing or redistributing it.
Based on the project's public documentation. Not tested by AI Inspiration World.