前言¶
做产品或前端时，界面往往卡在几类问题上：配色和层级说不清依据、品牌 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 安装文档）：
| 客户端 | skills 目录 |
|---|---|
| Cursor | ~/.cursor/skills/ |
| Claude Code | ~/.claude/skills/ |
| Codex | ~/.codex/skills/ 或项目下 .agents/skills/ |
| Windsurf | ~/.codeium/windsurf/skills/ 或 .windsurf/skills/ |
在 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
