ux-ui-agent-skills

ux-ui-agent-skills

AI 设计系统技能包

AI官网

应用介绍

让 AI 写界面,十次有九次是同一套紫色渐变加圆角卡片,对比度不达标、键盘走不通、窄屏一缩就横向溢出,每次都得人工返工。

ux-ui-agent-skills(简称 XIAS)是一套喂给 Claude、Codex、Cursor 这类编程助手的设计规范,把 138 套品牌级设计系统、52 个组件规格和 25 个可运行技能装进项目里,让它按真正的设计系统和令牌来写界面,而不是凭感觉。

更狠的是它自带 52 道客观检查,其中 34 道会真的开浏览器去量:各状态下的 WCAG 对比度、键盘操作、点击目标大小、减少动画偏好、280 像素窄屏有没有横向溢出。过不了就是过不了,不靠 AI 自评。纯指令加知识库,没有构建工具也没有运行时依赖。

软件功能



设计系统库:收录 138 套设计系统,生成界面时按指定风格取色、排版和间距。

组件规格:52 个组件规格,写清状态、交互和无障碍要求,不用每次重新描述。

设计令牌:14 份 DTCG 格式的令牌文件,颜色和尺寸按用途取,不写死数值。

框架适配:16 个框架适配器,React、Next.js、SwiftUI、Tailwind 等都能对上。

可运行技能:25 个技能脚本,审计、生成、修复都能直接在编程助手里调用。

客观检查:52 道检查门槛,浏览器实测无障碍与响应式,结果是通过或不通过。

应用截图