mcpField
H
hig

hig

github.com/prisma-labs-devDesign & UI349907 installsUpdated 5w ago
Repository

About hig

hig is a local, searchable reference to Apple’s Human Interface Guidelines for developers seeking factual details on system UI, accessibility, ergonomics, and review conventions. It provides Markdown files for lookup rather than prescribing visual design.

Key features

  1. 01Local searchable HIG documentation
  2. 02References system components and conventions
  3. 03Accessibility and ergonomic facts
  4. 04Guidance on App Review conventions

Use cases

  1. 01Check minimum hit-target sizes
  2. 02Look up Dynamic Type and contrast details
  3. 03Find guidance on system controls
  4. 04Verify App Review conventions

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/prisma-labs-dev/apple-skills --skill hig

After installing, type/higin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

accessibility.md
accessibility.videos.md
action-sheets.md
activity-views.md
alerts.md
alerts.videos.md
app-icons.md
app-icons.videos.md
buttons.md
buttons.videos.md
charts.md
color.md
designing-for-ios.md
feedback.md
hig-index.md
home-screen-quick-actions.md
launching.md
layout.md
lists-and-tables.md
materials.md
materials.videos.md
menus.md
modality.md
motion.md
navigation-bars.md
onboarding.md
pickers.md
playing-haptics.md
playing-haptics.videos.md
popovers.md

Details

From the project README

Human Interface Guidelines Reference

Local greppable copy of Apple's Human Interface Guidelines — an on-demand fact lookup, not design direction.

Use it to answer factual questions: what a system component can do, what Apple calls something, accessibility and ergonomic minimums (44pt hit targets, Dynamic Type behavior, contrast), and conventions App Review actually checks.

Visual design in our repos is the designing model's own taste. Consult the HIG for facts, never for aesthetics — it describes what the system provides and requires, not what your screen should look like.

Downloaded Reference Files

All key HIG documentation is available locally (grep-friendly):

Getting Started
FileContentSize
hig-index.mdFull HIG table of contents11KB
designing-for-ios.mdiOS design principles5KB
Foundations
FileContentSize
app-icons.mdApp icon design guidelines14KB
color.mdColor usage and system colors17KB
typography.mdFonts, text styles, Dynamic Type17KB
layout.mdLayout principles, safe areas21KB
materials.mdMaterials, blur effects, vibrancy14KB
motion.mdAnimation principles9KB
accessibility.mdAccessibility best practices19KB
sf-symbols.mdSF Symbols usage21KB
Patterns
FileContentSize
onboarding.mdOnboarding flows6KB
modality.mdModal presentations7KB
launching.mdApp launch experience6KB
feedback.mdUser feedback patterns5KB
playing-haptics.mdHaptic feedback10KB
searching.mdSearch patterns7KB
settings.mdSettings patterns7KB
Components - Navigation
FileContentSize
tab-bars.mdTab bar design11KB
navigation-bars.mdNavigation bar patterns17KB
toolbars.mdToolbar design17KB
sidebars.mdSidebar patterns8KB
Components - Presentation
FileContentSize
sheets.mdSheet presentations11KB
alerts.mdAlert dialogs10KB
action-sheets.mdAction sheets4KB
menus.mdMenu design14KB
Components - Controls
FileContentSize
buttons.mdButton styles and usage17KB
lists-and-tables.mdList and table patterns9KB
toggles.mdToggle/switch design9KB
pickers.mdPicker controls6KB
sliders.mdSlider controls6KB
steppers.mdStepper controls2KB
text-fields.mdText input fields6KB
Searching the Docs
# Find color guidance
grep -i "semantic" color.md

# Find button styles
grep -i "bordered" buttons.md

# Find haptic patterns
grep -i "notification" playing-haptics.md

# Browse the full HIG index
grep -i "navigation" hig-index.md

Fetching More Docs

  1. Search this skill's local .md files first.
  2. If the topic is not here, check the other installed Apple skills you have available by their names, descriptions, or SKILL.md frontmatter, then grep their local files. This is faster and uses less context than fetching new docs from the internet.
  3. If no installed skill has the page, use the relevant Human Interface Guidelines path with the sosumi.ai Markdown mirror. For example, /design/human-interface-guidelines/buttons maps to https://sosumi.ai/design/human-interface-guidelines/buttons.
Common HIG Doc Paths
TopicURL Path
Full Indexhuman-interface-guidelines
iOS Designhuman-interface-guidelines/designing-for-ios
iPadOS Designhuman-interface-guidelines/designing-for-ipados
macOS Designhuman-interface-guidelines/designing-for-macos
App Iconshuman-interface-guidelines/app-icons
Colorhuman-interface-guidelines/color
Typographyhuman-interface-guidelines/typography
Layouthuman-interface-guidelines/layout
Accessibilityhuman-interface-guidelines/accessibility
SF Symbolshuman-interface-guidelines/sf-symbols
Buttonshuman-interface-guidelines/buttons
Tab Barshuman-interface-guidelines/tab-bars
Navigation Barshuman-interface-guidelines/navigation-bars
Sheetshuman-interface-guidelines/sheets
Alertshuman-interface-guidelines/alerts

Quick Facts

System Button Styles (iOS)

What the system provides out of the box:

  • Plain - Text only, minimal visual weight
  • Gray - Gray background
  • Tinted - Tinted background with accent color
  • Filled - Solid background
  • Bordered - Outlined with border
  • Bordered Prominent - Filled background, high prominence
Haptic Feedback Types
  • Selection - Light tap for selection changes
  • Impact - Light/medium/heavy/rigid/soft for collisions
  • Notification - Success/warning/error for outcomes
Safe Areas (ergonomic facts)
  • Content outside safe areas can be clipped by the notch/Dynamic Island, home indicator, or rounded corners
  • Interactive elements outside safe areas may be unreachable or intercepted by system gestures
  • Backgrounds can extend edge-to-edge without those risks

Sources

Apple Documentation
WWDC Sessions

Comments

Markdown supported