前言¶

设计稿出问题，通常不在某一张图，而在”规则没落地”：同一产品的主色在不同页面各写各的，按钮圆角和间距靠人盯，开发拿到的是截图加一句”照着做”，验收时才发现对不上。UI平面设计稿全专家（@user_442551c3/ui-design-expert-600029）就是为这类问题准备的：它把设计系统搭建、界面规范、组件库到交付标注串成一条可执行的流程，而不是只给一两张好看的示例图。

下面介绍这个 Skill 的定位、能力、启用方式和适用边界。

这是什么¶

它是一个社区（community）来源的 Skill，坐标 @user_442551c3/ui-design-expert-600029，版本 1.0.0，分类 design-media，标签 requires_api_key=false（无需 API Key）。目标是覆盖 UI/平面设计全流程：从设计系统、界面设计、排版配色、组件库建设，到设计交付规范。

它解决的不是”画一张图”，而是”团队的设计语言如何统一、如何沉淀、如何被开发准确接住”。

核心能力¶

按官方资料，能力集中在三块。

一是设计系统的分层搭建。采用四层金字塔：基础语言 → 组件库 → 页面模板 → 协作规范。基础语言包含品牌色彩系统（主色/辅助色/功能色/灰度体系）、字体体系与层级规范、8pt 栅格系统与间距标准。

二是界面与组件。覆盖组件库设计（按钮/表单/卡片/弹窗/导航）、从线框图到高保真的全流程（Wireframe→Mockup→Prototype）、图标与插图系统，以及无障碍设计的 WCAG 标准。

三是协作与交付。包含 Figma/Sketch 协作工作流，以及设计到开发的交付规范（标注/切图/Design Token）。

安装与启用¶

核实结果：官方页面未提供可一键执行的安装命令，因此这里不列命令，避免给出无法核实的路径。该 Skill 以通用 SKILL.md 格式提供，需要在所用客户端里按 Skill 方式加载。

它不需要 API Key，启用前不用准备密钥。分类为 design-media，可与其他设计类 Skill 共存，但同一套设计系统建议只保留一个主 Skill，避免规则互相覆盖。

典型用法¶

官方资料给出的触发词包括：UI设计、界面设计、设计系统、组件库、设计规范、Figma、栅格、配色方案、字体规范、设计交付、Design System、设计评审。可以直接用触发词驱动，例如：

帮我搭建一套设计系统：先定主色/辅助色/功能色与灰度体系，
再定 8pt 栅格和间距标准，最后给出按钮、表单、卡片、弹窗、导航组件规范。

也可以按阶段提问，先要线框流程，再要高保真规范，最后要交付标注和 Design Token，这样输出更贴近”先规则、后页面”的实际顺序。

适用场景与注意¶

适合：从零搭建设计系统；团队风格不统一需要规范化；需要制定色彩、字体、组件库标准；需要把设计稿规范地交给开发；做 APP/Web 界面设计；做设计评审和质量把控。

注意几点。它是规范与流程类 Skill，不替代 Figma/Sketch 本身，最终产出仍需落到具体设计工具里。无障碍和跨端规范要结合团队既有基线使用，不要指望它一次性覆盖所有项目。若团队已有设计系统，先确认是否兼容，避免两套规则并存。

结尾¶

它的价值在于把”设计规范”从文档变成可提问、可复用的流程，减少设计到开发之间的解释成本。官方地址：https://api.skillhub.cn/user_442551c3/ui-design-expert-600029 。