apple-design-system

Audit iOS app UI against Apple Design System standards for HIG compliance and accessibility gaps.

Updated May 6, 2026
One-click install
npx skills add https://github.com/Roy-wonji/claude-config --skill apple-design-system
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: apple-design-system
Source: https://github.com/Roy-wonji/claude-config/tree/main/skills/apple-design-system
Command: npx skills add https://github.com/Roy-wonji/claude-config --skill apple-design-system

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Apple Design System compliance is hard to verify, and small UI inconsistencies or accessibility gaps can harm usability, brand quality, and review outcomes.

Core Features & Use Cases

  • HIG Compliance Review: Evaluates navigation, layout, typography, color choices, and SF Symbol usage against Apple’s Human Interface Guidelines.
  • SF Symbols Optimization: Checks symbol selection, variants, rendering modes, custom symbol alignment, and accessibility labeling.
  • Native UI Pattern Validation: Reviews iOS-native patterns for navigation, presentation, lists, controls, gestures, and platform-specific behavior.
  • Dark/Light Mode & Contrast Checks: Verifies adaptive colors/content, contrast considerations, and consistency across appearance modes.
  • Accessibility Assessment: Validates VoiceOver labeling, Dynamic Type support, High Contrast behavior, Reduce Motion handling, and minimum touch targets.

Quick Start

Ask the skill to analyze your iOS UI for Apple HIG, SF Symbols correctness, dark mode behavior, and accessibility issues, then request concrete before/after improvement guidance.

Frequently Asked Questions about apple-design-system

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

FAQPage Schema
How do I check my iOS app UI against Apple Human Interface Guidelines?

You audit your iOS app UI against Apple Human Interface Guidelines by evaluating navigation, layout, typography, and color choices to identify HIG violations, generating a compliance score and a list of native pattern recommendations.

What is the best way to optimize SF Symbols for accessibility and dark mode?

Optimizing SF Symbols involves checking symbol selection, variants, and rendering modes, while verifying adaptive colors for dark mode and applying correct accessibility labels to ensure VoiceOver compliance.

Does this HIG compliance audit cover cross-platform UI consistency for Mac Catalyst and watchOS?

Yes, the HIG compliance audit covers cross-platform UI consistency across iPhone, iPad, watchOS, and Mac Catalyst, verifying platform-specific behavior, native gestures, and presentation patterns for each environment.

How do I validate VoiceOver labeling and Dynamic Type support in my iOS app?

You validate VoiceOver labeling and Dynamic Type support by performing an accessibility assessment that checks VoiceOver labels, High Contrast behavior, Reduce Motion handling, and minimum touch target sizes.

Can I get before and after code guidance for fixing iOS accessibility gaps?

Yes, you can receive concrete before and after code guidance for fixing iOS accessibility gaps, addressing issues like Dynamic Type support, contrast considerations, and native UI pattern validation.

What are common Apple HIG violations found during dark and light mode adaptation checks?

Common Apple HIG violations found during dark and light mode adaptation checks include incorrect adaptive colors, poor contrast ratios, and inconsistent content appearance across modes, which are identified through contrast verification.