skills.rest
pyronaur
pyronaurCOMMUNITY
Explore all skills by this author →
Website𝕏@pyronaurGitHub

hig-components-content

Map Apple HIG content components to concrete UI implementations.

Updated Feb 22, 2026
Search Tags:#accessibility#cross-platform#ui-design#hig-guidelines#apple-design#content-components
One-click install
npx skills add https://github.com/pyronaur/ngents --skill hig-components-content
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hig-components-content
Source: https://github.com/pyronaur/ngents/tree/main/docs/topics/apple/hig-doctor/skills/hig-components-content
Command: npx skills add https://github.com/pyronaur/ngents --skill hig-components-content

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Aligns product UI with Apple’s Human Interface Guidelines for content components, helping teams design consistent, accessible, platform-appropriate content displays across Apple ecosystems.

Core Features & Use Cases

  • Provides a structured approach to mapping HIG content components (charts, collections, image views, image wells, color wells, web views, activity views, lockups) to concrete UI implementations.
  • Emphasizes accessibility and platform-awareness, ensuring labels, descriptions, and VoiceOver support are integrated from the start.
  • Serves as a reference-driven guide for cross-platform design reviews and implementation planning.

Quick Start

Describe how to map each Apple HIG content component to a concrete UI pattern in your app.

Frequently Asked Questions about hig-components-content

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement Apple HIG content components like charts and collections across iOS and macOS?▼

To implement Apple HIG content components, map charts, collections, image views, web views, and lockups to concrete UI patterns using structured, accessibility-first guidance that ensures VoiceOver labels and platform-appropriate behavior across iOS, macOS, tvOS, watchOS, and visionOS.

What is the best way to ensure accessibility when designing image wells and color wells for Apple platforms?▼

The best way to ensure accessibility for image wells and color wells is to integrate VoiceOver support, labels, and descriptions from the start by consolidating relevant HIG reference pages to produce structured, accessibility-first guidance for your UI implementations.

When do I need to use lockups and activity views in cross-platform UI design?▼

You need lockups and activity views when presenting grouped content or shareable actions across Apple ecosystems, requiring platform-aware mapping to ensure consistent, accessible content displays that align with Apple Human Interface Guidelines.

Can I use HIG content components for both watchOS and visionOS design tasks?▼

Yes, HIG content components support cross-platform design tasks across iOS, macOS, tvOS, watchOS, and visionOS, mapping content presentation elements like web views, image views, and charts to concrete UI implementations with accessibility integrated throughout.

Does this approach consolidate Apple HIG reference pages for design reviews?▼

Yes, this approach consolidates relevant Apple HIG reference pages to serve as a reference-driven guide for cross-platform design reviews and implementation planning, ensuring your product UI aligns with Apple Human Interface Guidelines for content components.

Why does my Apple HIG content component implementation lack VoiceOver support?▼

Your implementation likely lacks VoiceOver support because accessibility was not integrated from the start; mapping HIG content components requires consolidating reference pages to produce structured guidance that prioritizes labels, descriptions, and accessibility-first practices.

Related Skills

Explore More Design & Creative Skills→
prateekprateek

hig-project-context

Create and maintain a shared Apple design context document at .claude/apple-design-context.md.

Community
Intermediate
DesquaredDesquared
3

accessibility-validator

Check SwiftUI and UIKit components for VoiceOver labels, contrast, and touch targets.

Official
Intermediate
prateekprateek

hig-components-menus

Audit and implement Apple HIG-compliant menus and buttons across platforms.

Community
Basic
Fandry96Fandry96
27

ui-ux-designer

Structure UI/UX design frameworks with tokens, WCAG patterns, and research synthesis.

Community
Advanced