Frontend Design
avibebuilder/claude-prime
Builds distinctive, production-grade UIs that avoid generic AI aesthetics.
Design high-quality mobile app UI/UX screens, flows, and components.
Install Mobile App UI Design
$ npx skills add ceorkm/mobile-app-ui-design --skill mobile-app-ui-design -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install ceorkm/mobile-app-ui-design mobile-app-ui-design --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
Claude Code skills documentation · loads skills from .claude/skills/
Install the "mobile-app-ui-design" agent skill from https://github.com/ceorkm/mobile-app-ui-design/tree/main into .claude/skills/mobile-app-ui-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mobile-app-ui-design", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add ceorkm/mobile-app-ui-design --skill mobile-app-ui-design -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install ceorkm/mobile-app-ui-design mobile-app-ui-design --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "mobile-app-ui-design" agent skill from https://github.com/ceorkm/mobile-app-ui-design/tree/main into .agents/skills/mobile-app-ui-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mobile-app-ui-design", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add ceorkm/mobile-app-ui-design --skill mobile-app-ui-design -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install ceorkm/mobile-app-ui-design mobile-app-ui-design --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "mobile-app-ui-design" agent skill from https://github.com/ceorkm/mobile-app-ui-design/tree/main into .cursor/skills/mobile-app-ui-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mobile-app-ui-design", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add ceorkm/mobile-app-ui-design --skill mobile-app-ui-design -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install ceorkm/mobile-app-ui-design mobile-app-ui-design --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "mobile-app-ui-design" agent skill from https://github.com/ceorkm/mobile-app-ui-design/tree/main into .gemini/skills/mobile-app-ui-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mobile-app-ui-design", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install ceorkm/mobile-app-ui-design mobile-app-ui-designInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add ceorkm/mobile-app-ui-design --skill mobile-app-ui-design -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "mobile-app-ui-design" agent skill from https://github.com/ceorkm/mobile-app-ui-design/tree/main into .github/skills/mobile-app-ui-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mobile-app-ui-design", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add ceorkm/mobile-app-ui-design --skill mobile-app-ui-design -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install ceorkm/mobile-app-ui-design mobile-app-ui-design --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "mobile-app-ui-design" agent skill from https://github.com/ceorkm/mobile-app-ui-design/tree/main into .opencode/skills/mobile-app-ui-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mobile-app-ui-design", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
mobile-app-ui-design- GitHub stars
- 403
- Token cost
- ~2k tokens
- SKILL.md length
- 999 words
- Files
- 5 (incl. references)
- Skills in repo
- 1
- Repo updated
- First seen
- Licence
- None found
At a glance
Design high-quality mobile app UI/UX screens, flows, and components.
- Works in 5 steps: Understand the Context → Structure First (UX Lens) → Apply Visual Design (UI Lens) → …
- The user asks to design a mobile app screen
- SKILL.md covers Core Philosophy, Design Process, Smart Patterns to Apply and Anti-Patterns to Avoid, plus 1 more section
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Mobile App UI Design is an agent skill from ceorkm/mobile-app-ui-design. Design high-quality mobile app UI/UX screens, flows, and components. Use this skill whenever the user asks to design a mobile app screen, create app mockups, build mobile UI components, improve an existing mobile app design, create onboarding flows, design mobile navigation, or requests any mobile-first interface work. Also trigger when the user mentions app design, mobile UI, mobile UX, screen design, app mockups, wireframes, or wants to build React Native / Flutter / SwiftUI style interfaces as visual…
Its SKILL.md is about 2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 5 other files, including reference files (for example `INDEX.md`, `README.md` and `references/industry-conventions.md`).
It sits in Mobile, covering Mobile UI design, UI design and Cross-platform mobile apps. It works with Flutter, React Native and SwiftUI. The repository describes itself as: Professional mobile app UI/UX design skill for Claude Code.
When your agent uses it
- The user asks to design a mobile app screen
- Create app mockups
- Build mobile UI components
- Improve an existing mobile app design
Example prompts
- “design an app”
- “make this screen look better”
- “/mobile-app-ui-design”
Workflow steps
5 steps, taken from the step headings in SKILL.md.
- Understand the Context
- Structure First (UX Lens)
- Apply Visual Design (UI Lens)
- Design for Emotion (Peak-End Rule)
- Polish & Details
What it can do on your machine
Read from SKILL.md and the folder at commit 4c67a0e. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Mobile App UI Design loads about 2k tokens when it runs, and up to ~3.7k if it reads all its reference files. Until then it costs about 159 tokens; SKILL.md has 999 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 999 words (~1,986 tokens).
“This skill guides the creation of professional, polished mobile app interfaces that follow proven design principles used by top-tier apps like Airbnb, Duolingo, Spotify, Revolut, and Phantom.”
- name
- mobile-app-ui-design
Files
SKILL.md and 4 other files (references) in the repository root of ceorkm/mobile-app-ui-design.
- SKILL.md
- .gitignore
- INDEX.md
- README.md
- references/industry-conventions.md
Open the folder on GitHubat commit 4c67a0e
Compare with similar skills
Mobile App UI Design next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Mobile App UI Design this skillceorkm/mobile-app-ui-design | 403 | — | ~2k | Automated safety check: Pass | None | |
| Frontend Designavibebuilder/claude-prime | 120 | — | ~2.1k | Automated safety check: Pass | MIT | |
| Developing Mobile Appstelagod/code-abyss | 243 | — | ~258 | Automated safety check: Pass | MIT | |
| Mobile App Builderrevfactory/harness-100 | 1.3k | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | |
| Apple Designvrcm-team/VRCM | 179 | 1 repos | ~6.2k | Automated safety check: Pass | MIT | |
| Mobile DesignxenitV1/Antigravity-Workflows | 130 | 2 repos | ~3.7k | Automated safety check: Notes | MIT |
Similar skills
Developing Mobile Apps
telagod/code-abyss
Mobile development knowledge reference covering iOS (SwiftUI), Android (Jetpack Compose), React Native, and Flutter.
Mobile App Builder
revfactory/harness-100
Full mobile app development pipeline. An agent skill from revfactory/harness-100.
Apple Design
vrcm-team/VRCM
Cross-platform UI/UX design reviewer grounded in Apple's Human Interface Guidelines (122 pages pulled from developer.apple.com, including 57 component pages) plus a design-craft lens for…
Mobile Design
xenitV1/Antigravity-Workflows
Mobile-first design thinking and decision-making for iOS and Android apps.
Simdeck
NativeScript/SimDeck
A skill your agent uses for simulator lifecycle, app install/launch, live viewing, UI inspection, touch/keyboard automation, screenshots, recordings, logs, pasteboard, hardware controls, and…
Related
Works with
Categories
Questions about Mobile App UI Design
What does Mobile App UI Design do?
Design high-quality mobile app UI/UX screens, flows, and components. Mobile App UI Design is an agent skill from ceorkm/mobile-app-ui-design. Design high-quality mobile app UI/UX screens, flows, and components.
When should I use Mobile App UI Design?
Mobile App UI Design fits situations like: the user asks to design a mobile app screen; create app mockups; build mobile UI components; improve an existing mobile app design.
How do I install Mobile App UI Design in Claude Code?
Run `npx skills add ceorkm/mobile-app-ui-design --skill mobile-app-ui-design -a claude-code`. Or copy the skill folder (the ceorkm/mobile-app-ui-design repository) into .claude/skills/mobile-app-ui-design in your project. Claude Code loads it when a task matches its description.
How do I install Mobile App UI Design in Codex?
Run `npx skills add ceorkm/mobile-app-ui-design --skill mobile-app-ui-design -a codex`. Or copy the skill folder (the ceorkm/mobile-app-ui-design repository) into .agents/skills/mobile-app-ui-design in your project. Codex loads it when a task matches its description.
Can I use Mobile App UI Design in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add ceorkm/mobile-app-ui-design --skill mobile-app-ui-design -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/mobile-app-ui-design, .gemini/skills/mobile-app-ui-design, .github/skills/mobile-app-ui-design and .opencode/skills/mobile-app-ui-design in your project.
What does Mobile App UI Design need to run?
SKILL.md names no scripts, command-line tools or credentials: Mobile App UI Design is instructions for the agent only.
Does Mobile App UI Design access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Mobile App UI Design safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Mobile App UI Design use?
No licence was found for Mobile App UI Design or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Mobile App UI Design use?
About 2k tokens (SKILL.md is roughly 7.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.7k tokens, read only when the agent opens those files.
What are the alternatives to Mobile App UI Design?
Skills that share tags, products or a category with Mobile App UI Design: Frontend Design (avibebuilder/claude-prime, 120 stars), Developing Mobile Apps (telagod/code-abyss, 243 stars), Mobile App Builder (revfactory/harness-100, 1.3k stars) and Apple Design (vrcm-team/VRCM, 179 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Mobile App UI Design?
ceorkm (a GitHub user) maintains it in ceorkm/mobile-app-ui-design, which has 403 GitHub stars. The repository was last updated on June 25, 2026.
Source: ceorkm/mobile-app-ui-design on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.