技能 hig-components-content

📦

hig-components-content

Name: hig-components-content
Author: sickn33

内容修订 r2 安全 ⚙️ 外部命令🌐 网络访问

设计 Apple 内容组件

Apple app 团队需要为图表、图像、集合、网页内容和分享做出清晰选择。此技能会将内容需求映射到 Apple HIG 组件。

支持: Claude Codex Code(CC)

📊 75 合格

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。

智能体请求

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.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/sickn33-hig-components-content.md 已签名 manifest GET /api/skills/sickn33-hig-components-content/manifest 已签名 lockfile GET /api/skills/sickn33-hig-components-content/lockfile

测试它

正在使用“hig-components-content”。我需要在 iPhone 健康 app 中显示每月步数。

预期结果:

使用 Swift Charts，并用条形图表示每月总数。保持下方坐标轴边界有意义，总结主要趋势，并支持 VoiceOver 标签或 Audio Graphs。

正在使用“hig-components-content”。食谱 app 是否应该使用网页视图来展示外部烹饪文章？

预期结果:

仅将网页视图用于简短的嵌入式内容。对于更广泛的浏览，优先使用与 Safari 相关的流程；如果预计会有多页导航，请提供前进和后退控件。

正在使用“hig-components-content”。我应该如何在 Apple TV 上展示电影海报库？

预期结果:

使用 tvOS lockups 或海报，保持一致的尺寸、为焦点扩展留出足够间距，并为每个获得焦点的项目提供清晰标签。

安全审计

安全

v5 • 2026/7/23 打开版本化报告

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.

已扫描文件

674

分析行数

复核项

已忽略误报

风险因素

⚙️ 外部命令 (1)

SKILL.md:11

🌐 网络访问 (1)

SKILL.md:78

最新一次完成的静态与语义审计未检测到已确认的安全发现。这并不能证明该 Skill 没有副作用。

审计者: codex 查看审计历史 →

分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告

复制报告链接

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

Markdown 徽章

[![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 徽章

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

嵌入卡片

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

学术引用 (APA · BibTeX · CFF)

APA 引用

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 引用

@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 评分

评分依据证据置信度: 高

架构

可维护性

内容

社区

规范符合性

你能构建什么

选择组件

设计师为新的 Apple app 屏幕比较图表、集合、图像视图、网页视图和活动视图。

审查数据显示

iOS 工程师在实现前检查图表层级、坐标轴、标签、颜色使用、交互和 VoiceOver 支持。

规划平台行为

产品负责人验证哪些内容模式适用于 iPhone、iPad、Mac、Apple TV、Apple Watch 和 visionOS。

试试这些提示

选择内容组件

我正在为 [content type] 构建一个运行在 [platforms] 上的 Apple app 屏幕。请推荐合适的 HIG 内容组件，并解释取舍。

改进图表设计

请审查这个 Apple app 图表概念：[chart purpose, data type, user task]。请针对标记、坐标轴、标签、颜色和辅助功能给出 HIG 指导。

设计集合体验

为 [item type] 规划一个包含 [item count] 个项目、运行在 [platforms] 上的集合视图。涵盖布局、选择、重新排序、空状态和辅助功能。

审计跨平台屏幕

根据 Apple HIG 内容组件指南审计这个屏幕规格：[screen spec]。识别组件选择、平台问题、辅助功能缺口和建议修改。

最佳实践

提供内容类型、主要任务、目标平台、数据规模，以及内容是否会随时间变化。
每次推荐都要求提供辅助功能指导，尤其是针对图表、图像、网页内容和可聚焦集合。
在早期使用此技能选择组件，然后根据当前 Apple 文档验证最终细节。

避免

在未说明内容是数据、媒体、网页内容还是集合的情况下请求组件选择。
将网页视图用作完整浏览器替代品，或使用必须通过交互才能揭示关键信息的图表。
忽略平台支持限制，例如在非 tvOS 平台上使用 lockups，或在不受支持的上下文中使用活动视图。

常见问题

此技能涵盖哪些组件？

它涵盖图表、集合视图、图像视图、网页视图、活动视图、lockups、color wells 和 image wells。

它可以生成 SwiftUI 或 UIKit 代码吗？

它可以指导组件选择和配置。设计方向明确后，可另行请求实现代码。

它可以替代 Apple Human Interface Guidelines 吗？

不能。它总结了随附的 HIG 参考资料，最终决策应对照当前 Apple 文档进行检查。

它对辅助功能审查有用吗？

有用。它会突出 VoiceOver、audio graph、替代文本、焦点顺序、目标尺寸和颜色区分方面的注意事项。

涵盖哪些平台？

它涵盖随附参考资料中出现的平台说明，包括 iOS、iPadOS、macOS、tvOS、watchOS 和 visionOS。

我什么时候应该使用另一个 HIG 技能？

当问题主要涉及颜色、排版、导航、布局或平台行为时，请使用 foundation、layout、pattern 或 platform 技能。

开发者详情

作者

sickn33

许可证

MIT

Skillstore 修订

版本提示

作者未声明版本。

仓库

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/hig-components-content

引用

88a8e9a07f4c54ab105c1c41b6267c287146b07b

维护新鲜度

2026/7/26

使用量

9 次下载 · 82 次浏览

文件结构

📁 references/

📄 activity-views.md

📄 charts.md

📄 collections.md

📄 color-wells.md

📄 image-views.md

📄 image-wells.md

📄 lockups.md

📄 web-views.md

📄 SKILL.md