Skills hig-components-content
πŸ“¦

hig-components-content

Content revision r2 Safe βš™οΈ External commands🌐 Network access

Design Apple Content Components with HIG Guidance

Choosing the right Apple content component requires platform, accessibility, and performance tradeoffs. This skill recommends HIG-aligned components and explains configuration, accessibility, and platform considerations.

Supports: Claude Codex Code(CC)
πŸ“Š 75 Adequate

Install with my Agent

Copy this request to your Agent. It includes the canonical Skill page and manifest.

Agent request
Review the Skillstore skill "hig-components-content" from https://skillstore.io/skills/sickn33-hig-components-content.md and its manifest at https://skillstore.io/api/skills/sickn33-hig-components-content/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Your Agent should still show its plan and request any confirmation required by the security policy.

Test it

Using "hig-components-content". Design a photo library containing thousands of images for iPad.

Expected outcome:

  • Recommendation: Use a collection view with a standard grid because the primary content is image based.
  • Configuration: Use reusable cells, lazy loading, pagination, visible focus states, and a clear empty state.
  • Accessibility: Provide meaningful labels, logical VoiceOver order, adequate targets, and announcements for dynamic changes.
  • Platform note: Avoid unexpected layout changes while people interact with the collection.

Using "hig-components-content". Choose a chart for monthly revenue across six product categories on iPad.

Expected outcome:

  • Recommendation: Use bar marks because the task compares values across distinct categories.
  • Configuration: Start the value axis at zero when accurate relative bar height is important.
  • Accessibility: Add a descriptive title, concise summary, per-category labels, and Audio Graph support.
  • Color: Pair color with labels, shapes, or patterns so meaning never depends on color alone.

Using "hig-components-content". Show a short help article inside an iPhone settings screen.

Expected outcome:

  • Recommendation: Use WKWebView for brief inline web content; use Safari for broader browsing.
  • Controls: Add forward and back navigation only when people may visit multiple pages.
  • Accessibility: Verify readable text, navigation order, and clear controls in the rendered content.

Security Audit

Safe
v5 β€’ 7/23/2026 Open versioned report

All 20 static findings are false positives. The backticks delimit a Markdown path, the URLs are passive references, and the flagged prose contains design guidance rather than reconnaissance commands. No prompt injection, execution, exfiltration, or other malicious intent was found.

9
Files scanned
674
Lines analyzed
0
Review items
0
False positives ignored

Risk Factors

βš™οΈ External commands (1)
🌐 Network access (1)
No confirmed security findings were detected by the latest completed static and semantic audit. This does not prove the skill has no side effects.
Audited by: codex View Audit History β†’
Share & cite this report

Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.

Open versioned report
Security Assessment

Copy report link

https://skillstore.io/skills/sickn33-hig-components-content/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/sickn33-hig-components-content/security.svg)](https://skillstore.io/skills/sickn33-hig-components-content?utm_source=security_passport_badge)

HTML badge

<a href="https://skillstore.io/skills/sickn33-hig-components-content?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-hig-components-content/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Embed card

<iframe src="https://skillstore.io/embed/skills/sickn33-hig-components-content.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
Academic citations (APA Β· BibTeX Β· CFF)

APA citation

sickn33. (2026). hig-components-content security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-hig-components-content/audits/5

BibTeX citation

@techreport{sickn33-sickn33-hig-components-content-2026, author = {sickn33}, title = {hig-components-content security audit report (audit version 5)}, institution = {Skillstore}, year = {2026}, number = {5}, url = {https://skillstore.io/skills/sickn33-hig-components-content/audits/5}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "hig-components-content security audit report (audit version 5)" version: "unspecified" type: report authors: - name: "sickn33" date-released: "2026-07-23" url: "https://skillstore.io/skills/sickn33-hig-components-content/audits/5" identifiers: - type: other value: "skillstore:sickn33-hig-components-content:audit:5" description: "Skillstore immutable audit report identifier"

Skillstore Score

Why this score Evidence Confidence: High
45
Architecture
85
Maintainability
87
Content
68
Community
83
Spec Compliance

What You Can Build

Plan an iOS content screen

Select a collection, image, web, sharing, color, or chart component for a new iPhone or iPad workflow.

Prepare component implementation

Translate product requirements into component choices, configuration priorities, accessibility requirements, and platform constraints.

Review content accessibility

Check charts, images, collections, and interactive content for labeling, navigation, contrast, and assistive technology support.

Try These Prompts

Choose a content component
Recommend an Apple content component for [content type] on [platform]. Explain the choice, basic configuration, accessibility needs, and important platform constraints.
Configure a selected component
Configure a [component] for [content volume] on [platform]. Cover layout, interaction, empty states, performance, accessibility, and relevant system alternatives.
Review an existing interface
Review this content interface: [description]. Identify HIG concerns involving hierarchy, navigation, selection, color, labels, VoiceOver, and platform behavior. Prioritize improvements.
Design a cross-platform experience
Design a cross-platform content experience for [iOS, macOS, tvOS, watchOS, or visionOS]. Compare suitable components, explain adaptations, and define accessibility and performance requirements.

Best Practices

  • Provide the content type, target platforms, item count, interaction model, and accessibility needs.
  • Prefer standard system components before requesting custom behavior or presentation.
  • Validate recommendations against current Apple documentation and test them with assistive technologies on target devices.

Avoid

  • Request a component recommendation without naming the platform, content type, or expected data volume.
  • Treat design guidance as production-ready implementation without compiling, profiling, and testing.
  • Use a web view as a general browser or build custom components without a clear product need.

Frequently Asked Questions

Which components does this skill cover?
It covers charts, collections, image views, image wells, color wells, web views, activity views, and tvOS lockups.
Which Apple platforms are supported?
The references address iOS, iPadOS, macOS, tvOS, watchOS, and visionOS, with component-specific availability constraints.
Can this skill generate Swift or SwiftUI code?
It focuses on design and configuration guidance. Request implementation separately, then compile and test the result in your project.
Does it include accessibility guidance?
Yes. It covers labels, VoiceOver navigation, Audio Graphs, color-independent meaning, target sizing, and accessible interactions.
Is the guidance always current?
No. The skill uses bundled reference snapshots, so confirm important decisions against the latest Apple documentation.
What information produces the best recommendation?
Provide the content type, platforms, item count, update behavior, supported interactions, and accessibility requirements.

Developer Details

Author

sickn33

License

MIT

Skillstore revision

r2

Version notice

The author did not declare a version.

Ref

88a8e9a07f4c54ab105c1c41b6267c287146b07b

Maintenance freshness

7/26/2026

Usage

9 downloads Β· 82 views

File structure

πŸ“ references/

πŸ“„ activity-views.md

πŸ“„ charts.md

πŸ“„ collections.md

πŸ“„ color-wells.md

πŸ“„ image-views.md

πŸ“„ image-wells.md

πŸ“„ lockups.md

πŸ“„ web-views.md

πŸ“„ SKILL.md