前言¶

做產品或前端時，界面往往卡在幾類問題上：配色和層級說不清依據、品牌 VI 和頁面風格對不上、多項目或跨端組件各寫一套、主題切換沒有統一 token。把這些全交給通用對話，回答容易散、也難和「設計系統」對齊。

下面介紹 SkillHub 社區 Skill「UI/UX設計大師」（座標 @user_ad872d55/ui-ux-designer），在對話裏按設計相關意圖觸發，把 UI/UX、美學與品牌、設計系統管理串成可執行的指導。當前頁面版本爲 2.1.1，分類 design-media，來源 community，發佈者 user_ad872d55；標籤 requires_api_key=false，無需額外 API Key。

這是什麼¶

一句話：面向界面與品牌設計的 Agent Skill，自稱「央美博導·設計大師 v2.0」，把 UI/UX 設計智能、中西方美學、品牌 VI、以及設計系統管理（多項目統一、跨平臺同步、主題切換）寫進 Skill 說明，供模型在匹配話題時遵循。

維護與分發在 SkillHub：頁面地址 https://www.skillhub.cn/skills/user_ad872d55/ui-ux-designer，API 入口 https://api.skillhub.cn/user_ad872d55/ui-ux-designer。Skill 本體遵循通用 SKILL.md 格式，由客戶端加載後參與對話。

核心功能¶

以下能力均來自官方簡介與 SkillHub 頁面描述，不展開未在資料中出現的具體工作流或腳本。

UI/UX 與美學¶

• 在「設計」「UI」「UX」「配色」等話題下，提供界面與體驗層面的建議（佈局、交互、視覺層次等，以 Skill 內指引爲準）。
• 融合「中西方美學」視角，用於風格與視覺語言討論。

品牌 VI¶

• 在「品牌」相關對話中，協助對齊品牌視覺識別（VI）與界面表達的一致性。

設計系統管理¶

官方簡介明確包含：

• 多項目統一：多套產品共用一套設計規範或組件語義。
• 跨平臺同步：Web、移動端等場景下設計決策可對齊。
• 主題切換：支持圍繞主題（如明暗、品牌色）組織 token 與組件表現。

觸發詞¶

當用戶或任務中出現下列關鍵詞時，Agent 應優先匹配本 Skill（以客戶端 Skill 路由爲準）：

「設計」「品牌」「UI」「UX」「配色」「設計系統」「組件庫」「主題切換」。

安裝與啓用¶

SkillHub 官方安裝說明見 https://skillhub.cn/install/skillhub.md。本 Skill 頁面給出的安裝提示爲：按該文檔安裝 @user_ad872d55/ui-ux-designer。

1、確認 skillhub CLI¶

先檢查是否已安裝 CLI：

command -v skillhub && skillhub --version

未安裝時，可用官方腳本完整安裝（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

2、安裝到當前 Agent 的 skills 目錄¶

安裝時必須用 --dir 指向當前客戶端識別的 skills 目錄，否則默認落在 ./skills/ 可能不會被加載。常用路徑（來自 SkillHub 安裝文檔）：

在 Cursor 中示例：

skillhub install @user_ad872d55/ui-ux-designer --dir ~/.cursor/skills/

也可將下面提示交給支持 Skill 的 AI，由其按 skillhub.md 完成安裝：

請根據 https://skillhub.cn/install/skillhub.md，安裝 @user_ad872d55/ui-ux-designer。

安裝後按所用客戶端要求重啓或刷新 Skill 列表，使 SKILL.md 生效。

典型用法¶

公開頁面未附帶獨立「案例庫」或固定 prompt 模板；可復現的用法是：在已安裝 Skill 的 Agent 裏，用觸發詞描述真實任務，讓模型按 Skill 內規則輸出。

示例（對話中直接發送，按需改項目名與約束）：

我們要做管理後臺的主題切換：現有組件庫是 React，請按設計系統思路給出 light/dark 的 color token 表、組件級映射原則，並說明多項目如何共用同一套 token。

新品牌主色是 #1A5F7A，請從品牌 VI 角度檢查登錄頁配色與字號層級，並給出 UX 上可訪問性要注意的點。

Web 與小程序要共用一套組件語義，請說明設計系統裏命名、間距、圓角如何跨平臺同步，避免兩套硬編碼。

輸出質量取決於底層模型與 SKILL.md 正文；若需覈對具體步驟，應在安裝後打開本地 skills 目錄中的該 Skill 文件查看。

適用場景與注意¶

適合誰

• 需要在編碼 Agent 裏同時談界面、品牌、設計系統的產品、設計協作或全棧開發者。
• 多項目、跨端、主題切換希望有統一話術和規範骨架的團隊。

限制與注意

• 社區來源（community），內容與「央美博導」等表述以發佈者 Skill 爲準，使用前建議自行審閱 SKILL.md。
• requires_api_key=false 只表示 Skill 元數據不要求 Key；是否調用外部圖像或設計工具，以 Skill 正文爲準，資料中未列出則不在此文假定。
• SkillHub 頁面統計（截至抓取）：評分 100000，下載 10942，安裝 0；數字會隨時間變化，以官網爲準。
• 本 Skill 輸出是設計與規範建議，不能替代真實用戶測試、設計稿評審或法務對商標/VI 的審查。

結尾¶

「UI/UX設計大師」把 UI/UX、美學與品牌 VI、設計系統管理（多項目統一、跨平臺同步、主題切換）收斂到一個可安裝的 Agent Skill，通過明確觸發詞接入日常對話。若你在 Cursor、Claude Code 等環境做界面與品牌相關決策，可按 SkillHub 文檔安裝 @user_ad872d55/ui-ux-designer（v2.1.1）。

官方頁面：https://www.skillhub.cn/skills/user_ad872d55/ui-ux-designer