ios-ux-design — Claude Code skill: audit iOS app interfaces
A skill that gives your coding agent iOS design expertise: HIG compliance checks, SwiftUI pattern review, and implementation specs for interface fixes.
npx skills add mosif16/codex-Skills --skill ios-ux-design -a claude-codeWhat ios-ux-design does
The skill activates when you ask the agent to analyze an iOS app's UI/UX, judge how closely a screen follows native patterns, or write a spec for reworking an interface. It walks through five steps: architecture assessment (SwiftUI vs UIKit, MVVM, navigation, state management), native component compliance, touch interaction audit, navigation pattern review, and a visual design system pass.
The checks are concrete. Interactive elements must be at least 44x44pt. Colors should come from semantic sets like .label and .systemBackground rather than hard-coded hex, text has to scale with Dynamic Type, and icons should be SF Symbols. The skill also lists system gestures you must not override: the bottom edge swipe, edge swipes, Control Center, Notification Center. Keep critical actions away from screen edges — that is where the system gestures live, and a button near the edge will fight them.
There is a section on Liquid Glass for iOS 26 and later. The description cuts off inside the tab bar section, so the full list of navigation anti-patterns may not be present. Install runs through npx skills add with an agent flag, or by dropping the file into the skills directory of your platform.
What it helps with
- check a screen against Apple Human Interface Guidelines
- find tap targets under 44x44pt and fix them
- swap hard-coded colors for semantic ones that support dark mode
- write a spec for reworking app navigation
- decide whether SwiftUI fits a given module
Example prompts for the agent
- audit this screen against the HIG and list what breaks
- check the tap target sizes in my SwiftUI code
- write a spec for reworking the tab bar for iOS 26
How to install ios-ux-design
1Skills CLI (Vercel)
npx skills add mosif16/codex-Skills --skill ios-ux-design -a claude-code2Manually: put the files in place
~/.claude/skills/ios-ux-design/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/ios-ux-design/
1Skills CLI (Vercel)
npx skills add mosif16/codex-Skills --skill ios-ux-design -a codex2Manually: put the files in place
.agents/skills/ios-ux-design/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add mosif16/codex-Skills --skill ios-ux-design -a cursor2Manually: put the files in place
.cursor/skills/ios-ux-design/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install mosif16/codex-Skills ios-ux-design2Manually: put the files in place
.github/skills/ios-ux-design/SKILL.md1Skills CLI (Vercel)
npx skills add mosif16/codex-Skills --skill ios-ux-design -a gemini-cli2Platform CLI
gemini skills install https://github.com/mosif16/codex-Skills --path skills/ios-ux-designManually: put the files in place
.devin/skills/ios-ux-design/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add mosif16/codex-Skills --skill ios-ux-design -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about ios-ux-design
How do I install ios-ux-design in Claude?
Run npx skills add mosif16/codex-Skills --skill ios-ux-design -a claude-code. The skill lands in ~/.claude/skills/ios-ux-design/SKILL.md.
What does ios-ux-design do?
It gives the agent iOS design expertise: architecture review, native component checks, touch and navigation audits, plus a pass over colors, typography and icons.
Which platforms can run this skill?
Besides Claude there are installs for Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode — the commands differ only in the agent flag.
