Agent skill · design visual · aiskillstore
apple-ui-design
Apple-inspired clean, minimal, premium UI design. Use when building modern interfaces requiring exceptional UX, clean aesthetics, or Apple-like polish. Triggers on: clean UI, modern design, Apple style, minimal, premium, user-friendly, UX.
Why this skill is useful
Provides a comprehensive design system with specific CSS patterns and guidelines for creating Apple-like UI, which the AI wouldn't reliably generate on its own.
What it needs
About 2k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Apple UI Design Apple-inspired clean, minimal, premium UI design system. When to Use Building modern interfaces requiring exceptional UX Creating clean, minimal aesthetics Implementing Apple-like polish and animations Designing premium user experiences Reviewing UI/UX for design quality Workflow Step 1: Apply Typography System Use SF Pro Display with proper hierarchy (hero, title, body, caption). Step 2: Apply Color Philosophy Use light/dark mode variables with proper contrast. Step 3: Apply Spacing System Follow 4/8/16/24/48/96px spacing rhythm. Step 4: Verify Checklist Ensure touch targets, contrast, and animations meet standards. --- Core Principles 1. Clarity - Content is king, UI disappears 2. Deference - UI serves content, never competes 3. Depth - Layering creates hierarchy Typography Color Philosophy Spacing System Key Patterns Cards Buttons Subtle Animations UX Rules Do Don't ---- ------- Generous whitespace Cramped layouts One primary action Multiple competing CTAs Progressive disclosure Everything visible Subtle feedback Jarring animations System fonts Decorative fonts Checklist [ ] Touch targets ≥ 44px [ ] Contrast ratio ≥ 4.5:1 [ ] Max content width ~680px [ ] Consistent spacing rhythm [ ] Dark mode support [ ] Smooth 60fps animations
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/apple-ui-design