·hig-components-system
</>

hig-components-system

Apple HIG guidance for system experience components: widgets, live activities, notifications, complications, home screen quick actions, top shelf, watch faces, app clips, and app shortcuts. Use when asked about: "widget design", "live activity", "notification design", "complication", "home screen quick action", "top shelf", "watch face", "app clip", "app shortcut", "system experience". Also use when the user says "how do I design a widget," "what should my notification look like," "how do Live Activities work," "should I make an App Clip," or asks about surfaces outside the main app. Cross-references: hig-components-status for progress in widgets, hig-inputs for interaction patterns, hig-technologies for Siri and system integration.

43Installs·4Trend·@raintree-technology

Installation

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

How to Install hig-components-system

Quickly install hig-components-system 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-components-system
  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.

| widgets.md | Widgets | Glanceable info, sizes, deep linking, timeline | | live-activities.md | Live Activities | Real-time tracking, Dynamic Island, Lock Screen | | notifications.md | Notifications | Attention, actions, grouping, content | | complications.md | Complications | Watch face data, families, budgeted updates |

| home-screen-quick-actions.md | Quick actions | Haptic Touch, common tasks, SF Symbols | | top-shelf.md | Top shelf | Featured content, showcase | | app-clips.md | App Clips | Instant use, lightweight, focused task, NFC/QR | | watch-faces.md | Watch faces | Custom complications, face sharing |

Apple HIG guidance for system experience components: widgets, live activities, notifications, complications, home screen quick actions, top shelf, watch faces, app clips, and app shortcuts. Use when asked about: "widget design", "live activity", "notification design", "complication", "home screen quick action", "top shelf", "watch face", "app clip", "app shortcut", "system experience". Also use when the user says "how do I design a widget," "what should my notification look like," "how do Live Activities work," "should I make an App Clip," or asks about surfaces outside the main app. Cross-references: hig-components-status for progress in widgets, hig-inputs for interaction patterns, hig-technologies for Siri and system integration. 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-components-system
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-components-system?

Apple HIG guidance for system experience components: widgets, live activities, notifications, complications, home screen quick actions, top shelf, watch faces, app clips, and app shortcuts. Use when asked about: "widget design", "live activity", "notification design", "complication", "home screen quick action", "top shelf", "watch face", "app clip", "app shortcut", "system experience". Also use when the user says "how do I design a widget," "what should my notification look like," "how do Live Activities work," "should I make an App Clip," or asks about surfaces outside the main app. Cross-references: hig-components-status for progress in widgets, hig-inputs for interaction patterns, hig-technologies for Siri and system integration. Source: raintree-technology/apple-hig-skills.

How do I install hig-components-system?

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-components-system 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