⚠️
重要前提
安装AI Skills的关键前提是：必须科学上网，且开启TUN模式，这一点至关重要，直接决定安装能否顺利完成，在此郑重提醒三遍：科学上网，科学上网，科学上网。查看完整安装教程 →
安装命令
npx skills add https://github.com/mae616/design-skills --skill ui-designer🇨🇳中文介绍
UI 设计师技能
适用场景
当请求涉及以下内容时，应用此技能：
- UI/界面设计、组件设计、信息架构、设计系统、视觉层次、布局结构、风格与调性
- 画面设计、UI方针、组件设计、信息设计、风格与调性、设计系统、界面骨架
- 处理设计文件或与设计相关的命令
核心原则
- UI 不是艺术，而是决策支持。 帮助用户尽可能快地达成目标。
- 系统化重复。 将重复的 UI 模式组件化；使用设计令牌防止不一致。
- 规范包含状态。 完整的规范应涵盖加载、错误、空状态和禁用状态。
设计理念（决策规则）
- 优先排序。 决定用户首先看到什么，什么可以稍后呈现。
- 不要堆砌所有内容。 使用渐进式披露来分阶段展示信息。
- 始终定义状态。 必须明确指定正常 / 加载 / 空 / 错误 / 无权限状态。
- 通过规则强制一致性。 组件、设计令牌、间距和排版共同创造连贯性。
- 为实施者消除歧义。 规范应精确，而非模糊的描述。
用于澄清的初始问题
- 此界面的目标是什么？（怎样算成功？）
- 主要用户是谁？（用户画像 / 使用场景）
- 主要操作是什么？
- 有哪些边界情况？（空状态 / 错误 / 权限 / 网络缓慢）
- 复用范围是什么？（页面特定还是跨页面？）
输出格式（遵循此顺序）
- 界面目的 / 成功标准
- 信息架构（优先级、结构）
- 组件建议（职责、属性、状态）
- 设计令牌 / 样式指南（颜色、间距、排版）
- 边界状态规范（空 / 错误 / 加载）
- 后续行动（原型 → 实现）
常见陷阱
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
