Apple HIG: Interaction Patterns
Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered.
Key Principles
Minimize modality. Use modality only when it is critical to get attention, a task must be completed or abandoned, or saving changes is essential. Prefer non-modal alternatives.
Provide clear feedback. Every action should produce visible, audible, or haptic response. Activity indicators for indeterminate waits, progress bars for determinate, haptics for physical confirmation.
Support undo over confirmation dialogs. Destructive actions should be reversible when possible. Undo is almost always better than "Are you sure?"
Launch quickly. Display a launch screen that transitions seamlessly into the first screen. No splash screens with logos. Restore previous state.
Defer sign-in. Let users explore before requiring account creation. Support Sign in with Apple and passkeys.
Keep onboarding brief. Three screens max. Let users skip. Teach through progressive disclosure and contextual hints.
Use progressive disclosure. Show essentials first, let users drill into details. Don't overwhelm with every option on one screen.
Respect user attention. Consolidate notifications, minimize interruptions, give users control over alerts. Never use notifications for marketing.
Reference Index
| Reference |
Topic |
Key content |
| charting-data.md |
Charting Data |
Data visualization patterns, accessible charts, interactive elements |
| collaboration-and-sharing.md |
Collaboration & Sharing |
Share sheets, activity views, collaborative editing, SharePlay |
| drag-and-drop.md |
Drag and Drop |
Drag sources, drop targets, spring loading, multi-item drag, visual feedback |
| entering-data.md |
Entering Data |
Text fields, pickers, steppers, input validation, keyboard types, autofill |
| feedback.md |
Feedback |
Alerts, action sheets, haptic patterns, sound feedback, visual indicators |
| file-management.md |
File Management |
Document browser, file providers, iCloud integration, document lifecycle |
| going-full-screen.md |
Going Full Screen |
Full-screen transitions, immersive content, exiting full screen |
| launching.md |
Launching |
Launch screens, state restoration, cold vs warm launch |
| live-viewing-apps.md |
Live Viewing Apps |
Live content display, real-time updates, Live Activities, Dynamic Island |
| loading.md |
Loading |
Activity indicators, progress views, skeleton screens, lazy loading, placeholders |
| managing-accounts.md |
Managing Accounts |
Sign in with Apple, passkeys, account creation, credential autofill, account deletion |
| managing-notifications.md |
Managing Notifications |
Permission requests, grouping, actionable notifications, provisional delivery |
| modality.md |
Modality |
Sheets, alerts, popovers, full-screen modals, when to use each |
| multitasking.md |
Multitasking |
iPad Split View, Slide Over, Stage Manager, responsive layout, size class transitions |
| offering-help.md |
Offering Help |
Contextual tips, onboarding hints, help menus, support links |
| onboarding.md |
Onboarding |
Welcome screens, feature highlights, progressive onboarding, skip options |
| playing-audio.md |
Playing Audio |
Audio sessions, background audio, Now Playing, audio routing, interruptions |
| playing-haptics.md |
Playing Haptics |
Core Haptics, UIFeedbackGenerator, haptic patterns, custom haptics |
| playing-video.md |
Playing Video |
Video player controls, picture-in-picture, AirPlay, full-screen video |
| printing.md |
Printing |
Print dialogs, page setup, AirPrint integration |
| ratings-and-reviews.md |
Ratings & Reviews |
SKStoreReviewController, timing, frequency limits, in-app feedback |
| searching.md |
Searching |
Search bars, suggestions, scoped search, results display, recents |
| settings.md |
Settings |
In-app vs Settings app, preference organization, toggles, defaults |
| undo-and-redo.md |
Undo and Redo |
Shake to undo, undo/redo stack, multi-level undo |
| workouts.md |
Workouts |
Workout sessions, live metrics, Always On display, summaries, HealthKit |
Pattern Selection Guide
| User Goal |
Recommended Pattern |
Avoid |
| First app experience |
Brief onboarding (max 3 screens) + progressive disclosure |
Long tutorials, mandatory sign-up |
| Waiting for content |
Skeleton screens or progress indicators |
Blocking spinners with no context |
| Confirming destructive action |
Undo support |
Excessive "Are you sure?" dialogs |
| Collecting user input |
Inline validation, smart defaults, autofill |
Modal forms for simple inputs |
| Requesting permissions |
Contextual, just-in-time with explanation |
Requesting all permissions at launch |
| Providing feedback |
Haptics + visual indicator |
Silent actions with no confirmation |
| Organizing preferences |
In-app settings for frequent items |
Burying all settings in system Settings app |
Output Format
- Recommended pattern with rationale, citing the relevant reference file.
- Step-by-step implementation covering each screen or state.
- Platform variations for targeted platforms.
- Common pitfalls that violate HIG for this pattern.
Questions to Ask
- Where in the app does this pattern appear? What comes before and after?
- Which platforms?
- Designing from scratch or improving an existing flow?
- Does this involve sensitive actions? (Destructive operations, payments, permissions)
Related Skills
- hig-foundations -- Accessibility, color, typography, and privacy principles underlying every pattern
- hig-platforms -- Platform-specific pattern implementations
- hig-components-layout -- Structural components (tab bars, sidebars, split views) for navigation patterns
- hig-components-content -- Content display within patterns (charts, collections, search results)
Built by Raintree Technology · More developer tools
When to Use
This skill is applicable to execute the workflow or actions described in the overview.
AGI Framework Integration
Adapted for @techwavedev/agi-agent-kit
Original source: antigravity-awesome-skills
Memory-First Protocol
Retrieve prior design decisions (color palettes, typography, spacing scales) to maintain visual consistency across sessions. Cache generated design tokens.
# Check for prior frontend/design context before starting
python3 execution/memory_manager.py auto --query "design system decisions and component patterns for Hig Patterns"
Storing Results
After completing work, store frontend/design decisions for future sessions:
python3 execution/memory_manager.py store \
--content "Design system: adopted 8px grid, Inter font family, HSL color tokens with dark mode support" \
--type decision --project <project> \
--tags hig-patterns frontend
Multi-Agent Collaboration
Share design decisions with backend agents (API contract changes) and QA agents (visual regression baselines).
python3 execution/cross_agent_context.py store \
--agent "<your-agent>" \
--action "Implemented UI components — new design system with accessibility compliance (WCAG 2.1 AA)" \
--project <project>
Design Memory Persistence
Store design system tokens and component decisions in Qdrant so any agent on any platform (Claude, Gemini, Cursor) can retrieve and apply consistent styling.
1---2name: hig-patterns3description: Apple Human Interface Guidelines interaction and UX patterns.4---56# Apple HIG: Interaction Patterns78Check for `.claude/apple-design-context.md` before asking questions. Use existing context and only ask for information not already covered.910## Key Principles11121. **Minimize modality.** Use modality only when it is critical to get attention, a task must be completed or abandoned, or saving changes is essential. Prefer non-modal alternatives.13142. **Provide clear feedback.** Every action should produce visible, audible, or haptic response. Activity indicators for indeterminate waits, progress bars for determinate, haptics for physical confirmation.15163. **Support undo over confirmation dialogs.** Destructive actions should be reversible when possible. Undo is almost always better than "Are you sure?"17184. **Launch quickly.** Display a launch screen that transitions seamlessly into the first screen. No splash screens with logos. Restore previous state.19205. **Defer sign-in.** Let users explore before requiring account creation. Support Sign in with Apple and passkeys.21226. **Keep onboarding brief.** Three screens max. Let users skip. Teach through progressive disclosure and contextual hints.23247. **Use progressive disclosure.** Show essentials first, let users drill into details. Don't overwhelm with every option on one screen.25268. **Respect user attention.** Consolidate notifications, minimize interruptions, give users control over alerts. Never use notifications for marketing.2728## Reference Index2930| Reference | Topic | Key content |31|---|---|---|32| [charting-data.md](references/charting-data.md) | Charting Data | Data visualization patterns, accessible charts, interactive elements |33| [collaboration-and-sharing.md](references/collaboration-and-sharing.md) | Collaboration & Sharing | Share sheets, activity views, collaborative editing, SharePlay |34| [drag-and-drop.md](references/drag-and-drop.md) | Drag and Drop | Drag sources, drop targets, spring loading, multi-item drag, visual feedback |35| [entering-data.md](references/entering-data.md) | Entering Data | Text fields, pickers, steppers, input validation, keyboard types, autofill |36| [feedback.md](references/feedback.md) | Feedback | Alerts, action sheets, haptic patterns, sound feedback, visual indicators |37| [file-management.md](references/file-management.md) | File Management | Document browser, file providers, iCloud integration, document lifecycle |38| [going-full-screen.md](references/going-full-screen.md) | Going Full Screen | Full-screen transitions, immersive content, exiting full screen |39| [launching.md](references/launching.md) | Launching | Launch screens, state restoration, cold vs warm launch |40| [live-viewing-apps.md](references/live-viewing-apps.md) | Live Viewing Apps | Live content display, real-time updates, Live Activities, Dynamic Island |41| [loading.md](references/loading.md) | Loading | Activity indicators, progress views, skeleton screens, lazy loading, placeholders |42| [managing-accounts.md](references/managing-accounts.md) | Managing Accounts | Sign in with Apple, passkeys, account creation, credential autofill, account deletion |43| [managing-notifications.md](references/managing-notifications.md) | Managing Notifications | Permission requests, grouping, actionable notifications, provisional delivery |44| [modality.md](references/modality.md) | Modality | Sheets, alerts, popovers, full-screen modals, when to use each |45| [multitasking.md](references/multitasking.md) | Multitasking | iPad Split View, Slide Over, Stage Manager, responsive layout, size class transitions |46| [offering-help.md](references/offering-help.md) | Offering Help | Contextual tips, onboarding hints, help menus, support links |47| [onboarding.md](references/onboarding.md) | Onboarding | Welcome screens, feature highlights, progressive onboarding, skip options |48| [playing-audio.md](references/playing-audio.md) | Playing Audio | Audio sessions, background audio, Now Playing, audio routing, interruptions |49| [playing-haptics.md](references/playing-haptics.md) | Playing Haptics | Core Haptics, UIFeedbackGenerator, haptic patterns, custom haptics |50| [playing-video.md](references/playing-video.md) | Playing Video | Video player controls, picture-in-picture, AirPlay, full-screen video |51| [printing.md](references/printing.md) | Printing | Print dialogs, page setup, AirPrint integration |52| [ratings-and-reviews.md](references/ratings-and-reviews.md) | Ratings & Reviews | SKStoreReviewController, timing, frequency limits, in-app feedback |53| [searching.md](references/searching.md) | Searching | Search bars, suggestions, scoped search, results display, recents |54| [settings.md](references/settings.md) | Settings | In-app vs Settings app, preference organization, toggles, defaults |55| [undo-and-redo.md](references/undo-and-redo.md) | Undo and Redo | Shake to undo, undo/redo stack, multi-level undo |56| [workouts.md](references/workouts.md) | Workouts | Workout sessions, live metrics, Always On display, summaries, HealthKit |5758## Pattern Selection Guide5960| User Goal | Recommended Pattern | Avoid |61|---|---|---|62| First app experience | Brief onboarding (max 3 screens) + progressive disclosure | Long tutorials, mandatory sign-up |63| Waiting for content | Skeleton screens or progress indicators | Blocking spinners with no context |64| Confirming destructive action | Undo support | Excessive "Are you sure?" dialogs |65| Collecting user input | Inline validation, smart defaults, autofill | Modal forms for simple inputs |66| Requesting permissions | Contextual, just-in-time with explanation | Requesting all permissions at launch |67| Providing feedback | Haptics + visual indicator | Silent actions with no confirmation |68| Organizing preferences | In-app settings for frequent items | Burying all settings in system Settings app |6970## Output Format71721. **Recommended pattern with rationale**, citing the relevant reference file.732. **Step-by-step implementation** covering each screen or state.743. **Platform variations** for targeted platforms.754. **Common pitfalls** that violate HIG for this pattern.7677## Questions to Ask78791. Where in the app does this pattern appear? What comes before and after?802. Which platforms?813. Designing from scratch or improving an existing flow?824. Does this involve sensitive actions? (Destructive operations, payments, permissions)8384## Related Skills8586- **hig-foundations** -- Accessibility, color, typography, and privacy principles underlying every pattern87- **hig-platforms** -- Platform-specific pattern implementations88- **hig-components-layout** -- Structural components (tab bars, sidebars, split views) for navigation patterns89- **hig-components-content** -- Content display within patterns (charts, collections, search results)9091---9293*Built by [Raintree Technology](https://raintree.technology) · [More developer tools](https://raintree.technology)*9495## When to Use96This skill is applicable to execute the workflow or actions described in the overview.9798---99100<!-- AGI-INTEGRATION-START -->101102## AGI Framework Integration103104> **Adapted for [@techwavedev/agi-agent-kit](https://www.npmjs.com/package/@techwavedev/agi-agent-kit)**105> Original source: [antigravity-awesome-skills](https://github.com/sickn33/antigravity-awesome-skills)106107### Memory-First Protocol108109Retrieve prior design decisions (color palettes, typography, spacing scales) to maintain visual consistency across sessions. Cache generated design tokens.110111```bash112# Check for prior frontend/design context before starting113python3 execution/memory_manager.py auto --query "design system decisions and component patterns for Hig Patterns"114```115116### Storing Results117118After completing work, store frontend/design decisions for future sessions:119120```bash121python3 execution/memory_manager.py store \122 --content "Design system: adopted 8px grid, Inter font family, HSL color tokens with dark mode support" \123 --type decision --project <project> \124 --tags hig-patterns frontend125```126127### Multi-Agent Collaboration128129Share design decisions with backend agents (API contract changes) and QA agents (visual regression baselines).130131```bash132python3 execution/cross_agent_context.py store \133 --agent "<your-agent>" \134 --action "Implemented UI components — new design system with accessibility compliance (WCAG 2.1 AA)" \135 --project <project>136```137138### Design Memory Persistence139140Store design system tokens and component decisions in Qdrant so any agent on any platform (Claude, Gemini, Cursor) can retrieve and apply consistent styling.141142<!-- AGI-INTEGRATION-END -->
techwavedev