apple-design · dickwu — Claude Code skill: design review and installation
Reviews app interfaces against Apple’s design guidance and helps spot issues in mockups, screenshots, and UI code. Useful for accessibility checks, navigation, and dark-mode reviews.
npx skills add dickwu/apple-design-skill --skill apple-design -a claude-code
npx skills add dickwu/apple-design-skill --skill dickwu-apple-design -a claude-codeWhat apple-design does
The skill reviews screenshots, mockups, Figma exports, UI code, and codebases. It checks designs against Apple’s Human Interface Guidelines while also considering whether the result feels visually distinctive. Its stated framework coverage includes SwiftUI, UIKit, AppKit, Flutter, React Native, Tauri, and Electron.
Reference materials include Apple guideline pages, a lookup table, and guidance for translating Apple concepts to other platforms. The skill selects relevant documents based on what appears on screen, such as forms, icons, or dark appearance. Reviews are meant to cite the relevant file and heading, so the recommendation can be traced to a specific guideline; loading the entire reference directory for one review is discouraged.
What it helps with
- check an interface against Apple design guidance
- find accessibility issues in a screen
- review an app’s navigation structure
- inspect dark appearance or Liquid Glass use
- locate hand-drawn Apple Pay buttons in code
Example prompts for the agent
- Review this screen against Apple’s design guidance and explain the main issues.
- Check this mockup in dark appearance and look for accessibility problems.
- Inspect the code for incorrect Liquid Glass use and hand-drawn Apple Pay buttons.
How to install apple-design
1Skills CLI (Vercel)
npx skills add dickwu/apple-design-skill --skill apple-design -a claude-codenpx skills add dickwu/apple-design-skill --skill dickwu-apple-design -a claude-code2Manually: put the files in place
~/.claude/skills/dickwu-apple-design/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/dickwu-apple-design/
1Skills CLI (Vercel)
npx skills add dickwu/apple-design-skill --skill dickwu-apple-design -a codex2Manually: put the files in place
.agents/skills/dickwu-apple-design/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add dickwu/apple-design-skill --skill dickwu-apple-design -a cursor2Manually: put the files in place
.cursor/skills/dickwu-apple-design/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install dickwu/apple-design-skill dickwu-apple-design2Manually: put the files in place
.github/skills/dickwu-apple-design/SKILL.md1Skills CLI (Vercel)
npx skills add dickwu/apple-design-skill --skill dickwu-apple-design -a gemini-cli2Platform CLI
gemini skills install https://github.com/dickwu/apple-design-skillManually: put the files in place
.devin/skills/dickwu-apple-design/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add dickwu/apple-design-skill --skill dickwu-apple-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 apple-design
How do I install apple-design in Claude Code?
Run npx skills add dickwu/apple-design-skill --skill apple-design -a claude-code. Another listed option is npx skills add dickwu/apple-design-skill --skill dickwu-apple-design -a claude-code.
What does apple-design do?
It reviews app designs and UI code using Apple’s Human Interface Guidelines. It can assess accessibility, navigation, and visual character.
Which frameworks does apple-design cover?
Its stated coverage includes SwiftUI, UIKit, AppKit, Flutter, React Native, Tauri, and Electron. Reference guidance helps map Apple terminology to the latter cross-platform frameworks.
Similar skills
Everything for Design →apple-design by other authors comes first.
