ux-ui-agent-skills 可以免费使用吗？用的什么许可证？

ux-ui-agent-skills 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

ux-ui-agent-skills 还在维护吗？

活跃维护中。ux-ui-agent-skills 最近一次提交是在 2026年10月19日。

ux-ui-agent-skills 适合用来做什么？

让编码智能体基于统一令牌和无障碍校验设计并实现新界面。检查现有界面的 WCAG 对比度、点击目标尺寸和溢出问题。为团队前端项目引入设计令牌流程与组件规范。在设计系统迁移或映射时参考统一的设计系统条目。

ux-ui-agent-skills 怎么安装和运行？

在 Claude Code 中将该套件安装为插件（README 中的方案 A，两条命令）查看 docs/INSTALL.md，比较其他安装方式（Codex 和 Cursor 的 AGENTS.md、MCP 服务器、Homebrew、npx）

在哪里获取 ux-ui-agent-skills？

源代码和安装说明在 GitHub 上：https://github.com/plugin87/ux-ui-agent-skills

plugin87/ux-ui-agent-skills

Q: ux-ui-agent-skills 怎么安装和运行？

在 Claude Code 中将该套件安装为插件（README 中的方案 A，两条命令） 查看 docs/INSTALL.md，比较其他安装方式（Codex 和 Cursor 的 AGENTS.md、MCP 服务器、Homebrew、npx）

一套纯指令与知识库，让 Claude 等编码智能体具备 UX/UI 设计能力，含 DTCG 设计令牌、组件规范与 52 项客观校验。

在 GitHub 查看官网

Star: 2,375
Fork: 253
未关闭 Issue: 11
最近提交: 13小时前

这是什么？

UX/UI Agent Skills 是一套结构化指令、设计令牌、可运行技能和参考设计系统的工具包，用于引导 AI 编码智能体完成设计工作。它按 Primitive、Semantic、Component 三层生成 DTCG 格式的设计令牌，从原子到模板设计组件，并附带结构、状态与无障碍规范。代码输出通过适配器协议支持多种框架，包括 React + Tailwind、Next.js、SwiftUI、Vue、Svelte 和 Flutter。

项目提供 52 项客观校验。其中约 34 项会启动无头浏览器，检测渲染后 HTML 在各状态下的 WCAG 对比度、axe-core 角色、键盘操作、点击目标尺寸、减少动效及窄屏横向溢出；其余检查读取令牌文件、组件规范与源码，查找硬编码值、表情符号以及未声明意图的破坏性操作。仓库还包含 138 个设计系统条目，并提供 MCP 服务器，可让任意 MCP 客户端调用这些校验、设计准则与令牌。

安装方式包括 Claude Code 插件、npx 命令、Homebrew，以及面向 Codex、Cursor、Copilot、Aider 的 AGENTS.md 方案。自动执行规则的 hooks 仅在 Claude Code 路径下可用。

核心功能

01按 Primitive、Semantic、Component 三层生成 DTCG 格式设计令牌。
02提供 52 项客观校验，其中约 34 项在无头浏览器中检测渲染结果。
03校验内容涵盖 WCAG 2.2 对比度、键盘操作、点击目标尺寸和减少动效。
04内置 138 个命名设计系统供参考。
05输出可适配 React、Next.js、SwiftUI、Vue、Svelte、Flutter 等框架。
06通过 MCP 服务器向任意客户端开放校验、准则与令牌。

适用场景

让编码智能体基于统一令牌和无障碍校验设计并实现新界面。
检查现有界面的 WCAG 对比度、点击目标尺寸和溢出问题。
为团队前端项目引入设计令牌流程与组件规范。
在设计系统迁移或映射时参考统一的设计系统条目。

快速上手

1
在 Claude Code 中将该套件安装为插件（README 中的方案 A，两条命令）
2
查看 docs/INSTALL.md，比较其他安装方式（Codex 和 Cursor 的 AGENTS.md、MCP 服务器、Homebrew、npx）

使用前须知

README 摘录在插件安装命令处被截断，因此这里无法给出确切命令。
完整的浏览器验证门禁会打开真实浏览器，因此除安装套件外还需额外配置。

常见问题

ux-ui-agent-skills 是什么？: 一套纯指令与知识库，让 Claude 等编码智能体具备 UX/UI 设计能力，含 DTCG 设计令牌、组件规范与 52 项客观校验。 UX/UI Agent Skills 是一套结构化指令、设计令牌、可运行技能和参考设计系统的工具包，用于引导 AI 编码智能体完成设计工作。它按 Primitive、Semantic、Component 三层生成 DTCG 格式的设计令牌，从原子到模板设计组件，并附带结构、状态与无障碍规范。代码输出通过适配器协议支持多种框架，包括 React + Tailwind、Next.js、SwiftUI、Vue、Svelte 和 Flutter。
ux-ui-agent-skills 可以免费使用吗？用的什么许可证？: ux-ui-agent-skills 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
ux-ui-agent-skills 还在维护吗？: 活跃维护中。ux-ui-agent-skills 最近一次提交是在 2026年10月19日。
ux-ui-agent-skills 适合用来做什么？: 让编码智能体基于统一令牌和无障碍校验设计并实现新界面。检查现有界面的 WCAG 对比度、点击目标尺寸和溢出问题。为团队前端项目引入设计令牌流程与组件规范。在设计系统迁移或映射时参考统一的设计系统条目。
ux-ui-agent-skills 怎么安装和运行？: 在 Claude Code 中将该套件安装为插件（README 中的方案 A，两条命令）查看 docs/INSTALL.md，比较其他安装方式（Codex 和 Cursor 的 AGENTS.md、MCP 服务器、Homebrew、npx）
在哪里获取 ux-ui-agent-skills？: 源代码和安装说明在 GitHub 上：https://github.com/plugin87/ux-ui-agent-skills

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。