Skip to main content
affpapa.org
RU EN
skill Claude Code CX Codex Cursor GitHub Copilot

apple-hig — Claude Code skill: what it does, how to install

Integrates Apple Human Interface Guidelines for iOS, macOS, visionOS, watchOS, and tvOS into your coding agent during planning.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add nexu-io/open-design --skill apple-hig -a claude-code
Open on GitHub

What apple-hig does

The skill exposes Apple Human Interface Guidelines to your agent. It covers 14 distinct areas: platforms, foundations, components, patterns, inputs, and technologies across iOS, macOS, visionOS, watchOS, and tvOS.

This OpenDesign catalog entry provides skill discovery for the agent during planning. If your workflow requires the original assets, scripts, and references, you must pull the upstream bundle from raintree-technology/apple-hig-skills.

You can invoke it directly by name or via triggers like ios design and visionos design.

What it helps with

  • verify interface layouts against iOS or macOS standards
  • select native UI components and input patterns for visionOS
  • check watchOS navigation flows against Apple platform guidance
  • structure tvOS screens according to official Apple UI guidelines

Example prompts for the agent

  • Check this settings view against ios design rules
  • apple hig: choose the right controls for a visionos design layout
  • Use apple-hig to structure navigation for a watchOS companion app

How to install apple-hig

1Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill apple-hig -a claude-code

2Manually: put the files in place

~/.claude/skills/apple-hig/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/apple-hig/

From the same set39

The whole set →
ui-ux-pro-max nexu-io A discovery catalog entry for the UI/UX Pro Max skill in OpenDesign. It registers design system triggers so agents recognize interface usability requests. Claude Code CX Codex Cursor +1 5,400installs frontend-design nexu-io Skill for building frontend interfaces with considered typography, color and layout — from landing pages to dashboards. Claude Code CX Codex Cursor +1 4,800installs threejs nexu-io Guides the agent in building browser 3D scenes, materials, interactive controls, and post-processing with Three.js. Claude Code CX Codex Cursor +1 3,400installs creative-director nexu-io This skill takes a creative concept from brief to presentation and checks it on three axes. Use it for campaign ideas and creative critique. Claude Code CX Codex Cursor +1 3,400installs design-brief nexu-io Parses an I-Lang design brief into a concrete spec with palette, typography, density, and constraints. Eliminates ambiguity from phrases like "make it professional." Claude Code CX Codex Cursor +1 3,400installs hatch-pet nexu-io Creates, validates, and packages 8×9 animated pet spritesheets for Codex. Use it when turning visual references or concept prompts into importable digital pet companions. Claude Code CX Codex Cursor +1 3,100installs d3-visualization nexu-io This skill teaches the agent to create interactive D3.js visualizations. Use it to generate charts for dashboards, reports, and data-rich prototypes. Claude Code CX Codex Cursor +1 3,100installs design-review nexu-io Audits UI visually, fixes flaws with atomic commits, and captures before/after screenshots. Useful for tightening shipped interface code right before launch. Claude Code CX Codex Cursor +1 3,100installs

Similar

premium-frontend-ui official Utkarsh Patrikar Guides GitHub Copilot when building animated web interfaces. Use it for a visually distinctive landing page or interactive portfolio. GitHub Copilot 4,900installs expo-native-ui expo Guides your coding agent in building native-feeling Expo screens with Apple HIG styling, @expo/ui components, SF Symbols, and semantic colors. Claude Code CX Codex Cursor +1 31,400installs wcag-audit-patterns Seth Hobson Audits web interfaces against WCAG 2.2 with automated checks and manual verification. Use it to find violations and build accessible patterns. Claude Code CX Codex Cursor 12,486installs agentation-self-driving benjitaylor Runs autonomous design critiques in a visible browser window and leaves feedback notes directly through the Agentation toolbar. Claude Code CX Codex Cursor +1 7,000installs dfam-check earthtojake Measures mesh files against Design for Additive Manufacturing rules to evaluate printability before slicing or running CAD regeneration. Claude Code CX Codex Cursor +1 4,100installs frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. Claude Code Claude.ai 1,025,790installs grill-me Matt Pocock grill-me interviews you about a plan or design to expose gaps and sharpen decisions. Use it before implementation starts. Claude Code 1,424,476installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. Claude Code CX Codex Cursor +1 673,100installs

Questions about apple-hig

How to install apple-hig in Claude Code?

Run npx skills add nexu-io/open-design --skill apple-hig -a claude-code in your project terminal.

What does the apple-hig skill do?

It feeds Apple Human Interface Guidelines across 14 areas into the agent context, covering iOS, macOS, visionOS, watchOS, and tvOS.

Why does apple-hig reference an upstream repository?

The OpenDesign entry serves as a discovery pointer for agent planning. For the full workflow with original scripts and assets, you need the raintree-technology/apple-hig-skills repository.

Source text

SKILL.md · Apache-2.0 
---
name: apple-hig
description: |
  Apple Human Interface Guidelines as 14 agent skills covering platforms, foundations, components, patterns, inputs, and technologies for iOS, macOS, visionOS, watchOS, and tvOS.
triggers:
  - "apple hig"
  - "human interface"
  - "ios design"
  - "macos design"
  - "visionos design"
od:
  mode: design-system
  category: design-systems
  upstream: "https://github.com/raintree-technology/apple-hig-skills"
---

# apple-hig

> Curated from raintree-technology.

## What it does

Apple Human Interface Guidelines as 14 agent skills covering platforms, foundations, components, patterns, inputs, and technologies for iOS, macOS, visionOS, watchOS, and tvOS.

## Source

- Upstream: https://github.com/raintree-technology/apple-hig-skills
- Category: `design-systems`

## How to use

This catalogue entry advertises the skill in OpenDesign so the agent
discovers it during planning. To run the full upstream workflow with
its original assets, scripts, and references, install the upstream
bundle into your active agent's skills directory:

```bash
# Inspect the upstream README for exact paths
open https://github.com/raintree-technology/apple-hig-skills
```

Then ask the agent to invoke this skill by name (`apple-hig`) or with
one of the trigger phrases listed in this skill's frontmatter.

© nexu-io · Apache-2.0 · nexu-io/open-design

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor