前言¶
产品已经能跑、页面也能点开，但视觉层次、信息密度和交互路径往往是在联调或内测阶段才暴露问题。单靠开发自查，容易陷入「自己看得懂」的盲区；请专职设计师做一轮评审，又受排期与沟通成本限制。若你希望在 Cursor、Claude Code 等支持 Skills 的环境里，用自然语言发起界面分析、拿到可执行的改进建议或设计规范草稿，SkillHub 上的 UI/UX 设计顾问（@user_7871dce1/ui-design-zh）就是面向这类需求的一条路径。
这是什么¶
UI/UX 设计顾问是 SkillHub 社区来源（community）的设计类 Skill，坐标 @user_7871dce1/ui-design-zh，当前版本 1.0.0，分类为 design-media，发布者为 user_7871dce1。标签标明 requires_api_key=false，安装后一般不需要额外配置 API Key。
官方页面将其定位为：分析界面设计、提供改进建议、生成设计规范和用户体验优化方案。它主要回应「界面设计怎么改进」「UI / UX 设计评审」「帮我评审这个页面」「设计规范怎么写」「这个交互是否合理」等问题，而不是替代 Figma 出图或替代完整用户研究项目。
核心功能¶
依据 SkillHub 公开简介，已核实的能力包括以下几类（表述与官方一致，不扩展未声明的能力）：
- 界面设计分析：针对现有界面（Web 或移动端场景在简介中均有提及）做结构化审视。
- 改进建议：在分析基础上给出可讨论的优化方向，便于产品、设计与开发对齐。
- 设计规范生成：协助整理设计规范类文档的框架与要点，适合从零建立或补全设计系统文档。
- 用户体验优化方案：围绕体验改进输出方案性内容，与单纯的视觉 tweak 区分开。
适用场景在官方说明中包括：产品界面评审、设计系统建立、移动端 / Web 端 UI 优化、用户体验改进等。
安装与启用¶
SkillHub 页面给出的安装方式是：让 Agent 参照 SkillHub 安装说明，安装坐标 @user_7871dce1/ui-design-zh。下面是在本机用 CLI 安装的常见步骤。
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/ 可能不会被 Agent 加载。官方文档列出的常用路径如下：
| 客户端 | skills 目录 |
|---|---|
| Cursor | ~/.cursor/skills/ |
| Claude Code | ~/.claude/skills/ |
| Codex | ~/.codex/skills/ 或项目下的 .agents/skills/ |
| Windsurf | ~/.codeium/windsurf/skills/ 或 .windsurf/skills/ |
以 Cursor 为例，安装命令形如：
skillhub install @user_7871dce1/ui-design-zh --dir ~/.cursor/skills/
也可先搜索再安装：
skillhub search ui-design
skillhub install @user_7871dce1/ui-design-zh --dir ~/.cursor/skills/
安装完成后，按你所用客户端的要求刷新或重启 Agent，使 Skill 被加载。该 Skill 遵循通用的 SKILL.md 格式，具体触发词与输出结构以安装包内 SKILL.md 为准。
典型用法¶
公开资料未附带固定 CLI 子命令；使用方式是在对话中说明目标，并尽量提供可评审的上下文。下面几类表述与官方「解决……需求」列表对应，可直接复现为提示词（请替换为你的真实材料）：
页面评审
请用 UI/UX 设计顾问的能力评审这个页面：说明信息架构、视觉层次和主要交互问题，并分优先级给出改进建议。
（附上截图描述、URL、或当前实现的 HTML/CSS 片段）
交互是否合理
这个交互是否合理：用户从列表进入详情再返回时，状态是否丢失？请从 UX 角度说明风险与改法。
设计规范
我们要建立 Web 端设计规范，请生成一份设计规范大纲，包含色彩、字体、间距、组件状态与无障碍相关条目。
体验优化方案
针对移动端下单流程，给出用户体验优化方案，区分短期可改项与需要产品决策的项。
经过上面的步骤，Agent 会在加载该 Skill 后，按 SKILL 内定义的工作方式组织回答；你仍需要对品牌、合规和业务规则做最终把关。
适用场景与注意¶
适合谁
- 需要在发版前做轻量 UI / UX 评审的开发者或小团队。
- 正在搭设计系统、缺一份规范文档骨架的产品与设计协作场景。
- 已有页面实现，希望快速得到改进清单而非从零画稿的情况。
使用上的注意
- 输出是顾问型文本与方案，不能替代真实用户测试、无障碍合规检测或设计稿交付。
- 评审质量依赖你提供的上下文（截图、流程说明、约束）；材料越具体，建议越可落地。
- SkillHub 页面统计（截至资料抓取）：评分 100000，下载 1461 次；社区 Skill 会随版本更新，以 SkillHub 上 v1.0.0 及后续版本说明为准。
结尾¶
UI/UX 设计顾问把界面分析、改进建议、设计规范与体验方案收敛到一个 Skill 里，适合在 Agent 工作流里做评审与文档起步。安装与详情见 SkillHub：
- 技能页：https://www.skillhub.cn/skills/user_7871dce1/ui-design-zh
- API 坐标页：https://api.skillhub.cn/user_7871dce1/ui-design-zh
