skills.rest
axiaoge2
axiaoge2COMMUNITY
Explore all skills by this author →
GitHub

apple-hig-designer

Create Apple-style interfaces with SF Pro typography and system colors.

142|8|Updated Dec 12, 2025
Search Tags:#typography#accessibility#apple#design-system#color-palette#HIG#SF-Pro
One-click install
npx skills add https://github.com/axiaoge2/Apple-Hig-Designer --skill apple-hig-designer-axiaoge2
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: apple-hig-designer
Source: https://github.com/axiaoge2/Apple-Hig-Designer/tree/main
Command: npx skills add https://github.com/axiaoge2/Apple-Hig-Designer --skill apple-hig-designer-axiaoge2

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Apple HIG Designer helps teams produce native, consistent Apple-style interfaces by providing a ready-made design system and reusable patterns that meet Apple's guidelines.

Core Features & Use Cases

  • SF Pro typography and system colors with light/dark support
  • 8pt grid spacing and component patterns (buttons, cards, inputs, panels)
  • Animation guidelines aligned with Apple cubic-bezier easing
  • Accessibility support (WCAG AA) and keyboard navigability
  • Use cases: designing iOS/macOS apps, web dashboards with HIG styling, prototype demonstrations for Apple-like UX

Quick Start

Use the apple-hig-designer skill to draft a simple Apple-styled login screen, or describe your UI goal to Claude Code with "Design an Apple-style dashboard."

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

To design an Apple-style interface following Human Interface Guidelines, apply the 8pt grid spacing, SF Pro typography, and Apple system color palettes with light/dark mode support to ensure native platform fidelity.

How do I use SF Pro typography and Apple system colors for native iOS and macOS UI?▼

For native iOS and macOS UI, use SF Pro typography and Apple system color palettes configured for both light and dark mode to maintain visual consistency with Apple's native ecosystem.

Can I build accessible web dashboards with Apple HIG styling and WCAG AA support?▼

Yes, you can build accessible web dashboards with Apple HIG styling by using reusable component patterns that meet WCAG AA standards and include full keyboard navigability for user accessibility.

How do I apply Apple cubic-bezier easing and glass effects to interface components?▼

Apply Apple cubic-bezier easing and optional glass effects to interface components by using predefined animation guidelines and reusable patterns like buttons, cards, and panels aligned with Apple's motion design.

What are the limitations of using Apple HIG design patterns for custom applications?▼

A key limitation of using Apple HIG design patterns is that they actively discourage non-standard UI elements, meaning custom applications must strictly adhere to platform-specific component patterns to maintain native fidelity.

Do I need specific Apple design system dependencies to create macOS or iOS prototypes?▼

No specific dependencies are required to create macOS or iOS prototypes; the design system provides ready-made reusable component patterns and spacing rules directly to draft native Apple-style interfaces.

Related Skills

Explore More Design & Creative Skills→
jordi-murgojordi-murgo

memory-init

Initialize Claude Code memory systems with configuration files and directories.

Community
Intermediate
FormalSnakeFormalSnake
17

apple-hig-designer

Generate Apple HIG-compliant UI design instructions and front-end code for iOS/macOS interfaces.

Community
Advanced
iart-aiiart-ai
12

animation-principles

Define timing, easing, and physical motion properties for natural animation.

Official
Intermediate
Prisma-Labs-DevPrisma-Labs-Dev
299

ios-design-consultant

Evaluate iOS interface layouts against Apple Human Interface Guidelines and Liquid Glass design.

Official
Intermediate