Apple Design Skill — Design skill for Claude Code

Apple Design Skill

Cross-platform UI/UX design reviewer grounded in Apple's Human Interface Guidelines (HIG), adapted as universal design rules for **mobile** and **desktop** apps.

Works with any framework: **Flutter**, **Tauri**, **Electron**, **React Native**, **SwiftUI**, **UIKit**.

What It Does

• Design Review — Systematic audit against 53 design guideline documents covering color, typography, layout, accessibility, motion, gestures, and more
• Design Improvement — Prioritized, actionable fixes with framework-specific implementation guidance
• Specialized Modes — App icon review, accessibility audit, dark mode review, Liquid Glass / glassmorphism review, generative AI UX review
• Cross-Platform — All guidelines generalized from iOS → mobile, macOS → desktop; references Apple-specific APIs only in a translation table

Quick Start

Claude Code

claude install-skill /path/to/apple-design-skill

Or clone and install:

git clone https://github.com/dickwu/apple-design-skill.git
claude install-skill ./apple-design-skill

Cursor

Add this repo as a context source. Two options:

**Option A — `.cursor/rules`**

Create `.cursor/rules/apple-design.mdc` in your project:

---
description: Apple HIG design review and improvement
globs: ["**/*.dart", "**/*.tsx", "**/*.jsx", "**/*.vue", "**/*.svelte", "**/*.swift"]
---

@import https://raw.githubusercontent.com/dickwu/apple-design-skill/main/SKILL.md

**Option B — Project Rules**

1. Open Cursor Settings → Rules
2. Add a new rule, paste the content of SKILL.md
3. Under "Reference Files", add the references/ directory

Then ask Cursor: *"Review my UI design against Apple HIG guidelines"*

Codex (OpenAI)

Add as a custom instruction or system prompt source:

1. Clone this repo into your project or reference it as a submodule:

git submodule add https://github.com/dickwu/apple-design-skill.git .design-rules

1. In your Codex instructions