·hig-foundations
</>

hig-foundations

Apple Human Interface Guidelines design foundations. Use this skill when the user asks about "HIG color", "Apple typography", "SF Symbols", "dark mode guidelines", "accessible design", "Apple design foundations", "app icon", "layout guidelines", "materials", "motion", "privacy", "right to left", "RTL", "inclusive design", branding, images, spatial layout, or writing style. Also use when the user says "my colors look wrong in dark mode", "what font should I use", "is my app accessible enough", "how do I support Dynamic Type", "what contrast ratio do I need", "how do I pick system colors", or "my icons don't match the system style". Cross-references: hig-platforms for platform-specific guidance, hig-patterns for interaction patterns, hig-components-layout for structural components, hig-components-content for display.

46Installs·4Trend·@raintree-technology

Installation

$npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-foundations

How to Install hig-foundations

Quickly install hig-foundations AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-foundations
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: raintree-technology/apple-hig-skills.

SKILL.md

View raw

Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered.

| accessibility.md | Accessibility | VoiceOver, Dynamic Type, color contrast, motor accessibility, Switch Control, audio descriptions | | app-icons.md | App Icons | Icon grid, platform-specific sizes, single focal point, no transparency | | branding.md | Branding | Integrating brand identity within Apple's design language, subtle branding, custom tints |

| color.md | Color | System colors, Dynamic Colors, semantic colors, custom palettes, contrast ratios | | dark-mode.md | Dark Mode | Elevated surfaces, semantic colors, adapted palettes, vibrancy, testing in both modes | | icons.md | Icons | Glyph icons, SF Symbols integration, custom icon design, icon weights, optical alignment |

Apple Human Interface Guidelines design foundations. Use this skill when the user asks about "HIG color", "Apple typography", "SF Symbols", "dark mode guidelines", "accessible design", "Apple design foundations", "app icon", "layout guidelines", "materials", "motion", "privacy", "right to left", "RTL", "inclusive design", branding, images, spatial layout, or writing style. Also use when the user says "my colors look wrong in dark mode", "what font should I use", "is my app accessible enough", "how do I support Dynamic Type", "what contrast ratio do I need", "how do I pick system colors", or "my icons don't match the system style". Cross-references: hig-platforms for platform-specific guidance, hig-patterns for interaction patterns, hig-components-layout for structural components, hig-components-content for display. Source: raintree-technology/apple-hig-skills.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-foundations
Category
</>Dev Tools
Verified
First Seen
2026-02-20
Updated
2026-03-10

Browse more skills from raintree-technology/apple-hig-skills

Quick answers

What is hig-foundations?

Apple Human Interface Guidelines design foundations. Use this skill when the user asks about "HIG color", "Apple typography", "SF Symbols", "dark mode guidelines", "accessible design", "Apple design foundations", "app icon", "layout guidelines", "materials", "motion", "privacy", "right to left", "RTL", "inclusive design", branding, images, spatial layout, or writing style. Also use when the user says "my colors look wrong in dark mode", "what font should I use", "is my app accessible enough", "how do I support Dynamic Type", "what contrast ratio do I need", "how do I pick system colors", or "my icons don't match the system style". Cross-references: hig-platforms for platform-specific guidance, hig-patterns for interaction patterns, hig-components-layout for structural components, hig-components-content for display. Source: raintree-technology/apple-hig-skills.

How do I install hig-foundations?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-foundations Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/raintree-technology/apple-hig-skills