是什么
「界面设计专家包」把四个广受认可的开源设计技能逐字原样打进一个专家包，各司其职：frontend-design 像设计工作室负责人那样给页面定独特的美学方向；web-design-guidelines 按 Web Interface Guidelines 审查 UI 代码；ui-ux-pro-max 是可检索的本地设计智能数据库；stitch-design-taste 把设计语言沉淀成 DESIGN.md 语义规范。
在会话里直接说需求即可：设计或改版新界面时先定方向，选配色字体时查数据库要「讲得出理由」的选型，代码写完跑合规审查拿逐条修复建议，最后把设计语言沉淀成规范文档。全流程本地运行，无需 API Key 与联网。
与 Motu / HyperFrames 互为补充：本包管「界面长什么样、是否达标」，Motu 管图像/音乐/视频素材的云端生成，HyperFrames 管动效编排与成片渲染——按需组合使用。
包含成员
前端美学定向
frontend-design
Anthropic 官方设计技能：像设计工作室负责人那样做独特、有主见的美学决策——从题材出发选配色、字体与布局，刻意避开「模板味」默认值。
界面合规审查
web-design-guidelines
Vercel 官方技能：按 Web Interface Guidelines 逐条审查 UI 代码——无障碍、交互、可用性与细节一致性，产出问题清单与修复建议。
设计智能数据库
ui-ux-pro-max
本地可检索的设计知识库：79 种风格、192 套产品配色及理由、74 组字体搭配、119 条 UX 准则、25 类图表、22 个技术栈，Python 脚本按需查询。
语义设计系统
stitch-design-taste
为 Google Stitch 生成 DESIGN.md 单一事实源：严格排版、校准配色、非对称布局、常驻微动效——专治「AI 生成的通用味」界面。
什么时候会用到
- 「给这个落地页定一个不落俗套的视觉方向」
- 「审查一下这份 UI 代码，无障碍和交互是否达标」
- 「给产品选一套配色和字体搭配，要讲得出理由」
- 「把这个产品的设计语言沉淀成 DESIGN.md 设计系统」
- 「这个页面的排版层级和间距哪里有问题」
- 「做一个不像 AI 生成的、有性格的界面」
不适用于
- 生成图片、插画、音乐等素材——用 Motu 媒体创作套件
- 幻灯片与演示 deck——用 html-slides 或 HyperFrames
- 视频动效与成片渲染——用 HyperFrames
- 不涉界面的纯文案写作——无需本包
安装与使用
- 1打开 UUIDE，进入「设置 → 技能」面板，找到本专家包点击「安装」——4 个成员一次装齐
- 2无需 API Key 与联网——全部本地运行，ui-ux-pro-max 的数据集随包分发
- 3会话里直接说需求：定方向、选配色、审代码、出规范，AI 自动路由到对应技能
常见问题
- 四个技能会互相冲突吗？
- 不会，各司其职并按需路由：frontend-design 出美学方向，ui-ux-pro-max 供选型数据，stitch-design-taste 把设计语言落成 DESIGN.md 规范，web-design-guidelines 负责事后审查。同一会话可以串联使用，构成「设计 → 落地 → 审查」的完整链路。
- 需要 API Key 或联网吗？
- 不需要。全部技能本地运行；ui-ux-pro-max 的数据集（风格/配色/字体/UX 准则）随技能分发，检索脚本是本地 Python，不请求任何外部服务。
- 和上游官方发布是什么关系？
- 成员是上游开源技能（Anthropic skills、Vercel agent-skills、UI/UX Pro Max、Stitch Design Taste）的逐字拷贝，许可随包保留（Apache-2.0 / MIT）；UUIDE 只做打包与一键安装分发，便于在会话里统一路由与更新。