skills.rest
noobmastercn
noobmastercnCOMMUNITY
Explore all skills by this author →
GitHub

apple-hig-designer

Design iOS and macOS interfaces with Apple HIG tokens and patterns.

Updated Dec 17, 2025
Search Tags:#typography#accessibility#apple#ui-design#design-system#hig#sf-symbols
One-click install
npx skills add https://github.com/noobmastercn/claude-skills --skill apple-hig-designer-noobmastercn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: apple-hig-designer
Source: https://github.com/noobmastercn/claude-skills/tree/main/apple-hig-designer
Command: npx skills add https://github.com/noobmastercn/claude-skills --skill apple-hig-designer-noobmastercn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Apple-style interface design often requires strict adherence to the Human Interface Guidelines (HIG) to ensure consistency, accessibility, and native feel across iOS and macOS platforms. This Skill provides a comprehensive design system, ready-to-use patterns, and tokens for typography, color, spacing, and components to accelerate building compliant UIs.

Core Features & Use Cases

  • SF Pro typography, Apple system colors, 8pt spacing, and component patterns (buttons, cards, inputs, etc.) to build consistent interfaces.
  • SF Symbols integration and accessibility guidance for scalable, expressive UIs across devices.
  • Use Cases: design iOS/macOS apps, dashboards, settings screens, product cards, or marketing pages that align with Apple's design language.

Quick Start

Instruct Claude Code to activate this skill and begin designing an Apple-style UI that follows the HIG guidelines.

Frequently Asked Questions about apple-hig-designer

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

FAQPage Schema
How do I design iOS interfaces that follow Apple Human Interface Guidelines?▼

Design Apple-style interfaces by applying predefined typography tokens, color tokens, 8pt spacing scales, and component patterns that ensure consistent, accessible UI across iOS and macOS devices.

What's the best way to use SF Symbols and SF Pro typography in macOS UI design?▼

Integrate SF Symbols and apply SF Pro typography tokens to build expressive, scalable UIs that maintain native feel and accessibility compliance across Apple platforms.

Can I use Apple system colors and spacing scales for dashboard and settings screen design?▼

Yes, use Apple system colors, 8pt spacing scales, and component patterns like buttons and cards to design dashboards, settings screens, and product cards that align with Apple's design language.

Does this HIG design system support glass effects and accessibility guidance for iOS apps?▼

Yes, the HIG design system provides optional glass and blur effect guidance alongside accessibility specifications to ensure compliant and visually consistent native iOS and macOS interfaces.

What typography and color tokens are needed for consistent UI across iOS and macOS devices?▼

Required tokens include SF Pro typography specifications, Apple system colors, and 8pt spacing scales, which collectively ensure consistent and accessible interfaces across different Apple device screen sizes.

Related Skills

Explore More Design & Creative Skills→
BellaBeBellaBe
37

product-design-wireframes

Convert user flows into wireframe specifications using atomic design hierarchy.

Community
Advanced
leonardoteodorooleonardoteodoroo

mobile-ios-design

Translates iOS Human Interface Guidelines and SwiftUI patterns into accessible interfaces for iPhone, iPad, visionOS.

Community
Intermediate
venomez-vipervenomez-viper
1

design

Implement Apple's Liquid Glass design and animation patterns across SwiftUI, AppKit, UIKit, and WidgetKit.

Community
Advanced
yckkkkyckkkk
1

normalize

Align frontend components to design system tokens and patterns.

Community
Advanced