# apple-design

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.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 9300 installs · ★ 1976
- Author: dickwu
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/dickwu/apple-design-skill/tree/HEAD/SKILL.md
- Updated: 2026-10-15
- HTML: https://affpapa.org/en/nevibecode/skills/dickwu-apple-design

## What it 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.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add dickwu/apple-design-skill --skill apple-design -a claude-code
```
```bash
npx skills add dickwu/apple-design-skill --skill dickwu-apple-design -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/dickwu-apple-design/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/dickwu-apple-design/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add dickwu/apple-design-skill --skill dickwu-apple-design -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/dickwu-apple-design/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add dickwu/apple-design-skill --skill dickwu-apple-design -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/dickwu-apple-design/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install dickwu/apple-design-skill dickwu-apple-design
```

2. **Manually: put the files in place**
- File: `.github/skills/dickwu-apple-design/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add dickwu/apple-design-skill --skill dickwu-apple-design -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/dickwu/apple-design-skill
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/dickwu-apple-design/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add dickwu/apple-design-skill --skill dickwu-apple-design -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/dickwu/apple-design-skill/tree/HEAD/SKILL.md

## When to use it
- 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
- 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.

## Similar
- [frontend-design](https://affpapa.org/en/nevibecode/skills/frontend-design.md) — skill · 1025790 installs
- [grill-me](https://affpapa.org/en/nevibecode/skills/grill-me.md) — skill · 1424476 installs
- [design-taste-frontend](https://affpapa.org/en/nevibecode/skills/design-taste-frontend.md) — skill · 678700 installs
- [prototype](https://affpapa.org/en/nevibecode/skills/prototype.md) — skill · 986201 installs
- [grilling](https://affpapa.org/en/nevibecode/skills/grilling.md) — skill · 979543 installs
- [codebase-design](https://affpapa.org/en/nevibecode/skills/codebase-design.md) — skill · 850344 installs

## Other versions with the same name
- [apple-design · emilkowalski](https://affpapa.org/en/nevibecode/skills/apple-design.md) — 244500 installs

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md