前言¶

用 AI 写界面时，常见问题是输出风格飘忽、配色和字体各说各话，换到 Next.js 或 Vue 又需要重新描述约束。自己维护一套设计规范文档，再每次粘贴进对话，成本高且难保持一致。

下面介绍 SkillHub 上的 ui-ux-pro-max（@org-02qudk26/ui-ux-pro-max-zh）。它把风格、调色、字体、图表类型与技术栈约束封装成通用 SKILL 格式，供 Cursor、Claude Code 等支持 Skills 的客户端在编码对话里直接调用。

这是什么¶

ui-ux-pro-max 定位为「UI/UX 设计智能」类 Agent Skill：在实现界面或改版时，为模型提供可引用的设计侧知识，并与多种前端技术栈对齐。

• 维护方：智雨科技（SkillHub 来源标记为 enterprise）
• 当前版本：1.0.0
• 分类：design-media
• API Key：标签 requires_api_key=false，安装后无需额外配置密钥即可使用（以 SkillHub 页面标注为准）

官方入口：

• SkillHub 页面：https://www.skillhub.cn/skills/org-02qudk26/ui-ux-pro-max-zh
• API 坐标页：https://api.skillhub.cn/org-02qudk26/ui-ux-pro-max-zh

核心功能¶

以下能力均来自 SkillHub 简介与元数据，未在页面展开的细则不作延伸。

Skill 的作用是在对话中约束和丰富 UI/UX 相关决策，而不是替代设计工具或自动托管线上资源。具体触发方式、输出结构由包内 SKILL.md 定义；公开页面未提供逐步工作流时，以本地安装后的 Skill 文档为准。

安装与启用¶

SkillHub 推荐通过 skillhub CLI 将技能安装到当前 Agent 的 skills 目录；装错目录会导致客户端无法加载。

1、确认 CLI¶

command -v skillhub && skillhub --version

若未安装，可按 SkillHub 安装文档执行完整安装或仅 CLI 安装（见 https://skillhub.cn/install/skillhub.md 第一节）。

2、安装本 Skill¶

将坐标中的包安装到对应客户端的 skills 路径。以 Cursor 为例，目录一般为 ~/.cursor/skills/：

skillhub install @org-02qudk26/ui-ux-pro-max-zh --dir ~/.cursor/skills/

其他常见路径（摘自 SkillHub 安装文档，按你实际使用的客户端择一）：

• Claude Code：~/.claude/skills/
• Codex：~/.codex/skills/ 或项目下的 .agents/skills/
• Windsurf：~/.codeium/windsurf/skills/ 或项目下的 .windsurf/skills/

安装文档强调：必须使用 --dir 指向当前 Agent 的 skills 目录；默认装到 ./skills/ 可能不会被识别，部分环境还需重启客户端后生效。

3、通过对话让 AI 安装（官方页面提供）¶

SkillHub 技能页给出的方式，是把下面意图发给已联网的 AI，让其按安装文档完成安装：

请根据 https://skillhub.cn/install/skillhub.md，安装 `@org-02qudk26/ui-ux-pro-max-zh`。

经上面的步骤，Skill 出现在对应 skills 目录且客户端已加载后，即可在后续任务中自动参与 UI/UX 相关回答。

典型用法¶

公开资料未附带独立「教程仓库」或固定 Prompt 模板，可复现的用法只有两类：

1. CLI 安装：使用 skillhub install @org-02qudk26/ui-ux-pro-max-zh --dir <你的 skills 目录>，再在项目对话里提出界面需求。
2. 提示词安装：发送官方页面中的安装说明，由 Agent 读取 https://skillhub.cn/install/skillhub.md 后执行安装。

日常开发中，在已启用该 Skill 的会话里说明产品类型、目标栈（如 React 或 Vue）以及希望的视觉方向，由 Skill 引导风格、配色、字体与图表选择，并落到对应技术栈的实现建议上。更细的步骤、禁止项与输出格式，请在安装完成后查看包内 SKILL.md。

适用场景与注意¶

适合谁

• 需要在多个前端栈之间切换、又希望 UI 决策有共同「设计词典」的全栈或前端开发者。
• 用 AI 生成页面原型或组件，希望减少「每次从零描述设计规范」的重复劳动。

使用注意

• 简介中的技术栈列表在 SkillHub 页面被截断，完整九种栈名称以安装包为准；不要假设未列出的框架已被覆盖。
• SkillHub 统计（截至页面抓取）：评分 100000，下载 3163，安装计数为 0——安装数可能因统计口径未更新，以你本地是否成功加载 Skill 为准。
• 本 Skill 不提供 API Key 要求，但仍依赖你所用模型的能力与项目自身依赖；生成代码需按团队规范做审查与测试。
• 企业来源（enterprise）Skill，在 SkillHub 内更新版本时，可用 skillhub 的升级流程配合 --dir 同步到同一目录。

结尾¶

ui-ux-pro-max 把大量风格、调色板、字体搭配与图表类型预置进 Agent Skill，并面向 React、Next.js、Vue、Svelte 等栈做对齐，适合作为「设计侧上下文」嵌入编码对话。若你要从 SkillHub 安装，坐标为 @org-02qudk26/ui-ux-pro-max-zh，说明与安装指引见：https://www.skillhub.cn/skills/org-02qudk26/ui-ux-pro-max-zh