MCPInstall

hig

Fact lookup: Apple Human Interface Guidelines corpus (greppable markdown). Query on demand for accessibility and ergonomic minimums (hit-target sizes, Dynamic Type), platform terminology, system component capabilities, and App-Review-relevant conventions. Not design direction.

Installs
899
Last 24h
+108
Trending rank
#1893
Security
Not audited

Install

Works with every agent the skills CLI supports.

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

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads hig automatically when relevant.

  3. 03

    Review the result

    The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

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

FAQ

What does the hig skill do?

Fact lookup: Apple Human Interface Guidelines corpus (greppable markdown). Query on demand for accessibility and ergonomic minimums (hit-target sizes, Dynamic Type), platform terminology, system component capabilities, and App-Review-relevant conventions. Not design direction.

How do I install hig?

Run npx skills add https://github.com/prisma-labs-dev/apple-skills --skill hig in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/hig/ (personal) or .claude/skills/hig/ (project).

Which AI agents can use hig?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is hig safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains hig?

It is published by prisma-labs-dev in prisma-labs-dev/apple-skills. It has 899 recorded installs.

More from prisma-labs-dev/apple-skills

View all →

ios-liquid-glass

prisma-labs-dev/apple-skills

API reference: Liquid Glass (iOS 26+). Query for glass effects, navigation patterns, GlassEffect modifiers, design principles.

Mobile816 installs

apple-docs-index

prisma-labs-dev/apple-skills

Index of Apple developer documentation for iOS, macOS, and related frameworks. Use when looking up what APIs exist in a framework, browsing available documentation, or deciding what docs to fetch. Covers SwiftUI, UIKit, Core Animation (QuartzCore), XCTest, HealthKit, Combine, SwiftData, and more.

Docs & Writing782 installs

healthkit

prisma-labs-dev/apple-skills

API reference: HealthKit. Query for HKHealthStore, HKQuantitySample, workouts, health data read/write.

Backend & APIs724 installs

ios-dev

prisma-labs-dev/apple-skills

Start here for any iOS or SwiftUI task. Coordinates best-practice guides, correctness checks, and full Apple API references. Use before navigating to other Apple skills — for building, reviewing, refactoring, or debugging iOS apps.

Mobile713 installs

xcuitest

prisma-labs-dev/apple-skills

API reference: XCUITest. Query for element queries, waiting patterns, Swift 6 @MainActor, assertions, screenshots, launch arguments.

Backend & APIs696 installs

swiftui

prisma-labs-dev/apple-skills

API reference: SwiftUI. Query for views, layouts, navigation, @State/@Binding/@Observable, view modifiers, NavigationStack, iOS 26+ features.

Mobile689 installs

Popular frontend & design skills

View category →

setup-matt-pocock-skills

mattpocock/skills

Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.

Frontend & Design1.1M installs

frontend-design

anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

OfficialFrontend & Design1M installs

hyperframes-animation

heygen-com/hyperframes

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.

prototype

mattpocock/skills

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.

Frontend & Design999.2K installs

hyperframes-core

heygen-com/hyperframes

The HyperFrames composition contract — build one renderable project. Use for composition structure, the data- timing attributes, class="clip", tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML.

Frontend & Design930.5K installs

vercel-react-best-practices

vercel-labs/agent-skills

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

OfficialFrontend & Design843.1K installs