用途:ux-patterns 用于约束任何用户界面的生成过程,强调“没有 UX 参考就不写 UI 代码”。适用于 Web 应用(SaaS、仪表盘、后台)、落地页与营销站、游戏界面(菜单、HUD、背包、商店)、CLI 界面(输出格式、交互提示)、移动应用与组件库,也包括原型和“没人会看到”的界面。
主要能力:提供一套入口协议,要求依次执行 IDENTIFY(识别界面模式)、REFERENCE(查阅 pattern-libraries.md 中的模式)、TOKENS(确认设计令牌已建立)、ADOPT(套用参考的间距、排版、布局与交互)、ADAPT(仅按具体语境做必要修改)、AUTHOR(最后才写代码)。同时给出设计令牌要求,包括颜色、排版、间距、圆角、阴影、断点与 z-index 的定义范围;并提供按项目类型(SaaS、游戏、营销、开发工具、电商、通用)查找模式的流程。
使用方式:在编写任何 UI 代码前按入口协议逐阶段执行;若缺少设计令牌,先依据 design-tokens.md 建立;再查阅 pattern-libraries.md 中对应组件模式。技能还列出组件校验清单,要求确认令牌、模式、间距、排版、颜色、圆角、交互状态、响应式、真实内容、无障碍、空/加载/错误状态等。
限制:资料未提供安装命令、价格、平台支持或具体代码示例;其规则为强制性规范,若无法满足校验清单则不应编写组件。资料中提到的支持文件为 pattern-libraries.md 与 design-tokens.md,具体内容暂未提供。