这个 Skill 是做什么的
这套工具整合了DTCG设计令牌、50个组件、WCAG 2.2无障碍标准以及138个品牌级设计系统规范。Claude能据此生成可访问的组件代码，附带43个验证门控确保输出符合标准。整个过程是纯指令层，无需构建工具或依赖安装，直接在浏览器里就能查看49个示例页面
基本信息
- 分类：设计与多媒体
- 作者 / 来源：plugin87
- 价格：免费
- 更新日期：2026-09-16
- 项目主页：github.com
适用场景
设计配图 · 智能体
安全审计结论
🛡️ 已审计：静态扫描未发现高危特征
- 已扫描 10 个文件（技能说明、安装/运行脚本、普通代码）
- 审计日期：2026-09-26
- 静态评分：94 / 100
命中特征：
- 字符串拼接后执行命令（注入面）
口径说明：这是对仓库内可执行内容的静态特征扫描，外加开源许可、维护活跃度等公开信誉信号，不是杀毒引擎，也不能替代你自己核对源码。标记为「已审计」只代表扫过的这批文件里没发现高危写法。完整口径与全站审计明细 →
如何安装
来源：GitHub 开源仓库。克隆命令：git clone https://github.com/plugin87/ux-ui-agent-skills.git
- 在终端执行下面的克隆命令，把仓库拉到本地。
- 按仓库 README 找到 Skill 目录（通常在根目录，或 skills / agents 这类子目录）。
- 把该目录整体复制到你的 Agent 技能目录 —— Claude Code 是 ~/.claude/skills/，其它 Agent 以各自文档为准。
- 重启或刷新 Agent，让它重新扫描技能目录，然后按技能名调用。
仓库地址：github.com/plugin87/ux-ui-agent-skills