skills.rest
naumce
naumceCOMMUNITY
Explore all skills by this author →
GitHub

apple-hig-designer

Design Apple-style iOS and macOS interfaces following Human Interface Guidelines.

Updated Aug 27, 2026
Search Tags:#accessibility#apple#design-system#hig#ui-patterns#sf-symbols#sf-pro
One-click install
npx skills add https://github.com/naumce/aiwareon --skill apple-hig-designer-naumce
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: apple-hig-designer
Source: https://github.com/naumce/aiwareon/tree/main/apple-hig-designer
Command: npx skills add https://github.com/naumce/aiwareon --skill apple-hig-designer-naumce

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Apple-style UI design can be time-consuming and inconsistent across projects; this skill provides a cohesive design system that aligns with Apple's Human Interface Guidelines (HIG), SF typography, SF Symbols, and accessible defaults to streamline UI creation.

Core Features & Use Cases

  • SF Pro typography and color system integration with 8pt spacing, and a components library (buttons, cards, inputs, and glass panels).
  • SF Symbols integration, design-pattern references, and cross-platform UI guidance documented in REFERENCE.md and resources.
  • Accessibility considerations and optional glass effects to support inclusive design across web and native-like interfaces.

Quick Start

Design an Apple-style login screen using SF Pro typography and SF Symbols, with accessible controls.

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 an Apple-style iOS interface that follows Human Interface Guidelines?▼

You can design Apple HIG-compliant interfaces by applying SF Pro typography, the Apple color system, 8pt spacing, and component patterns like buttons, cards, inputs, and glass panels to create consistent, accessible UIs across platforms.

What is the best way to use SF Symbols and SF Pro typography in a UI design system?▼

The best way to use SF Symbols and SF Pro typography in a UI design system is to apply them alongside an 8pt spacing grid and Apple's color system to create native-feeling, accessible components. Pattern references are provided for accurate cross-platform UI guidance.

Can I apply Apple Human Interface Guidelines to both iOS and macOS interfaces?▼

Yes, you can apply Apple Human Interface Guidelines to both iOS and macOS interfaces. The design system provides cross-platform UI guidance, applying consistent spacing, typography, and accessible component patterns across web and native-like interfaces.

Does this Apple UI design system support accessibility and glass effects?▼

Yes, this Apple UI design system supports accessibility and optional glass effects. It integrates accessible defaults and inclusive design considerations to support accessible controls across web and native-like interfaces using Apple's component patterns.

How do I build accessible Apple-style login screens with standard UI patterns?▼

To build accessible Apple-style login screens, use SF Pro typography and SF Symbols with accessible controls from the components library. The design system applies 8pt spacing and Human Interface Guidelines to ensure consistent, accessible UI creation.

Related Skills

Explore More Design & Creative Skills→
ydnikolaevydnikolaev
8

idea-interview

Extract project information through structured stakeholder interviews into a discovery brief.

Community
Advanced
dev-mirzabicerdev-mirzabicer

frontend-ui-ux

Translate design briefs into production-ready frontend UI components.

Community
Advanced
pixijspixijs
302

pixijs-scene-graphics

Draw and render vector graphics with PixiJS v8 Graphics API.

Official
Advanced
efekrbasefekrbas
41

material-design

Transform generic interfaces into Material Design layouts with consistent elevation and motion.

Community
Basic