前言¶
做網頁或 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 爲準：
