Skills
.Work. You
Rest

apple-design-system

Community

Audit UI for HIG, SF Symbols, and accessibility.

Design & Creative#accessibility#design systems#ios#dark mode#sf symbols#ui compliance#apple hig
AuthorRoy-wonji
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: apple-design-system
Download link: https://github.com/Roy-wonji/claude-config/archive/main.zip#apple-design-system

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.