前言¶
做网页或 App 原型时，常见做法是堆组件库、再手工调间距和字体，仍很难贴近 Apple 官网那种克制、留白和层级。Human Interface Guidelines（HIG）条文多，临时对照成本高。若希望 Agent 在写界面时默认对齐 Apple 的设计语言，而不是泛泛的「现代 UI」，可以装一个专门约束输出风格的 Skill。下面介绍 SkillHub 上的 Apple-design（坐标 @user_a7af8eab/apple-design-skill）。
这是什么¶
Apple-design 是社区发布的 design-media 类 Skill，当前版本 1.7.6，维护者为 user_a7af8eab。官方简介将其定位为：遵循 Apple HIG 的 UI 生成 skill，用一条指令产出具有苹果官网质感的网页或 App 原型，面向需要快速做出简洁、精致界面的设计师和开发者。
SkillHub 页面标注 requires_api_key=false，即安装后一般不需要额外配置 API Key。截至页面展示，评分为 100000，下载 1956 次，安装 3 次（数据以 SkillHub 技能页 为准）。
核心功能¶
根据已公开资料，可核实的能力如下：
- 设计约束：生成界面时以 Apple Human Interface Guidelines 为参照，而不是自由发挥「好看」样式。
- 交付形态：支持网页与 App 原型类 UI 的生成描述（具体实现仍由当前 Agent 与项目技术栈决定）。
- 使用门槛：无需 API Key 即可按 SkillHub 标签使用（
requires_api_key=false）。
Skill 本体遵循通用 SKILL.md 格式，由 Agent 读取后改变提示与行为；页面未单独列出子命令或 CLI，能力主要体现在对话式 UI 生成流程中。
安装与启用¶
安装前需本机已有 skillhub CLI。可先检查：
command -v skillhub && skillhub --version
未安装时，可按 SkillHub 官方文档执行完整安装（含 CLI 与默认 Skill）：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
仅装 CLI 时：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only
安装 Apple-design 时，必须用 --dir 指向当前 Agent 的 skills 目录；默认装到 ./skills/ 可能不会被识别。官方坐标为 @user_a7af8eab/apple-design-skill，命令形如：
skillhub install user_a7af8eab/apple-design-skill --dir <skills 目录>
常用客户端 skills 目录（摘自 SkillHub 安装文档）：
- Cursor：
~/.cursor/skills/ - Claude Code：
~/.claude/skills/ - Codex：
~/.codex/skills/或项目下的.agents/skills/
在 Cursor 中示例：
skillhub install user_a7af8eab/apple-design-skill --dir ~/.cursor/skills/
也可将下面提示发给已具备 Skill 安装能力的 Agent，让其按官方指引完成安装：
请根据 https://skillhub.cn/install/skillhub.md，安装 `@user_a7af8eab/apple-design-skill`。
安装到正确目录后，按你所用客户端说明刷新或重启 Agent，使 Skill 被加载。
典型用法¶
公开页面没有附带完整对话脚本，但用途描述明确：在需要 Apple 风格界面时，通过自然语言指令让 Agent 生成页面或原型。可复现的流程是：
- 确认 Skill 已出现在当前 Agent 的 skills 目录且已启用。
- 在任务中写明目标（例如落地页、设置页、产品展示区块）并强调 Apple HIG / 苹果官网质感。
- 让 Agent 输出 HTML/CSS、React 组件或其它你项目使用的 UI 代码，并在迭代时要求保持 HIG 侧的间距、字体层级与简洁布局。
若 Skill 内英文触发说明为「在用户希望构建干净（clean）界面时使用」（页面仅截断展示前半句），则应在需求里直接点明「干净、克制、高级感」，以便 Agent 选中该 Skill 的行为模板。
适用场景与注意¶
适合：需要快速出稿的官网区块、营销页、App 关键屏原型；希望统一 Apple 式视觉语言、减少反复查 HIG 的团队。
注意：
- 生成结果依赖底层模型与项目栈，Skill 约束的是设计取向，不保证与苹果官方站点像素级一致。
- 社区来源（community），升级与维护节奏以发布者为准，安装前可在 SkillHub 查看 v1.7.6 及更新记录。
- 使用
skillhub install时务必指定正确的--dir，避免装到 Agent 读不到的路径。
结尾¶
Apple-design 把 Apple HIG 写进 Agent 工作流，适合在「要质感、要快」的 UI 任务里减少风格漂移。安装与坐标以 SkillHub 为准：
