apple-design

Reviews mobile and desktop UI designs against Apple HIG-derived design guidelines.

Updated Aug 28, 2026
One-click install
npx skills add https://github.com/yerzong/TEMP-LEAGUE --skill apple-design-yerzong
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: apple-design
Source: https://github.com/yerzong/TEMP-LEAGUE/tree/main/.claude/skills/apple-design
Command: npx skills add https://github.com/yerzong/TEMP-LEAGUE --skill apple-design-yerzong

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Design feedback is often subjective and inconsistent. This Skill grounds UI/UX reviews in 53 structured design guideline documents derived from Apple's Human Interface Guidelines, producing systematic audits with cited principles and severity ratings instead of vague opinions. ## Core Features & Use Cases - Systematic Design Audit: Reviews designs across accessibility, platform conventions, visual design, interaction, and content, with a severity classification from Critical to Low. - Specialized Review Modes: Dedicated audits for app icons, accessibility, dark mode, generative AI UX, and Liquid Glass / glassmorphism interfaces. - Cross-Platform Translation: Converts Apple-specific terminology into framework equivalents for Flutter, React Native, Tauri, Electron, SwiftUI, and UIKit. - Use Case: Upload a screenshot of your Flutter app's home screen and receive a structured Design Review Report listing critical contrast violations, navigation convention issues, and concrete fixes such as specific color values and component replacements. ## Quick Start Ask the assistant to review your app's screen design against Apple HIG guidelines and provide prioritized improvement recommendations.

Frequently Asked Questions about apple-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review my app design against Apple HIG guidelines?▼

Provide screenshots, mockups, or a description of your UI and request a design review. The skill loads relevant guideline references, audits accessibility, platform conventions, visual design, and interaction, then returns a structured report with severity-rated issues and fixes.

What design review checklist covers accessibility and contrast?▼

The audit checks scalable text support, minimum 4.5:1 contrast ratios for body text, touch target sizes of at least 44pt on mobile, screen reader labeling, and avoiding color-only information encoding, citing the specific guideline for each finding.

Does this design review work with Flutter and React Native?▼

Yes, the guidelines are framework-agnostic and translated into Flutter, React Native, Tauri, Electron, SwiftUI, and UIKit terminology. Apple-specific APIs are mapped to equivalents like BottomNavigationBar or theme color systems.

Can I audit dark mode or glassmorphism UI designs?▼

Yes, specialized modes cover dark mode, Liquid Glass and glassmorphism, app icons, accessibility, and generative AI UX. Each mode loads dedicated reference files with checks such as semantic colors, blur radius values, and legibility over dynamic backgrounds.

What are the limitations of guideline-based design review?▼

Reviews depend on the quality of provided screenshots or descriptions and cannot test actual runtime behavior like gesture responsiveness or screen reader output. Guidelines may also conflict with business requirements, which the review flags as trade-offs rather than absolute rules.