apple-hig

Define Apple HIG-inspired design tokens for AI-driven UI creation.

4|Updated Apr 12, 2026
One-click install
npx skills add https://github.com/tiantangcao1980-web/DesignDNA-Skills --skill apple-hig-tiantangcao1980-web
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: apple-hig
Source: https://github.com/tiantangcao1980-web/DesignDNA-Skills/tree/main/designdna/skills/apple-hig
Command: npx skills add https://github.com/tiantangcao1980-web/DesignDNA-Skills --skill apple-hig-tiantangcao1980-web

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Apple Human Interface Guidelines provide a non-code design specification to guide AI-driven UI token generation and visual consistency across platforms.

Core Features & Use Cases

  • Design token reference for typography (SF Pro), spacing, radii, colors, and Liquid Glass materials.
  • Guides AI agents in web and native app design to mimic Apple aesthetics and accessibility practices.
  • Use as a design-spec input to extract tokens for DesignDNA or UI systems.

Quick Start

Consult the Apple HIG specification to seed design tokens for typography, spacing, and dynamic visuals in AI-driven UI tasks.

Frequently Asked Questions about apple-hig

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

FAQPage Schema
What are Apple HIG design tokens for AI-driven UI creation?

Apple HIG design tokens are structured variables defining typography, spacing grids, and corner radii. They provide AI agents with a non-code design specification to generate visually consistent interfaces that mimic Apple aesthetics across web and native platforms.

How do I apply SF Pro typography and spacing grids in a UI design system?

You apply SF Pro typography and spacing grids by extracting design tokens from the Apple HIG specification. These tokens seed your design system or DesignDNA, guiding AI agents to accurately replicate Apple fonts and layout proportions.

Does this Apple HIG specification include Liquid Glass materials from WWDC 2025?

Yes, the Apple HIG specification includes Liquid Glass materials introduced at WWDC 2025. It provides token-level guidance for these dynamic visual effects, ensuring AI-generated interfaces accurately render Apple's latest material behaviors.

Can I use Apple HIG design tokens for web and native app development?

Yes, you can use Apple HIG design tokens for both web and native app development. The specification provides visual consistency guidelines applicable across platforms, ensuring marketing pages and native interfaces maintain authentic Apple aesthetics.

What is the best way to mimic Apple UI aesthetics and accessibility practices?

The best way to mimic Apple UI aesthetics is to use Apple HIG design tokens as a design-spec input. This guides AI agents to replicate dynamic system colors, spacing, and accessibility practices accurately without manual coding.

When do I need Apple HIG design tokens for my design system?

You need Apple HIG design tokens when building design systems requiring Apple aesthetics and accessibility practices. They satisfy token-level guidance for typography, spacing, and dynamic visuals, ensuring visual consistency across AI-driven UI tasks.