UX/UI Agent Skills

提供 DTCG 设计令牌、50 个组件规范、WCAG 2.2 AA 到 AAA 无障碍规则、138 个设计系统、16 个框架适配器，并通过 41 个门禁在构建时自动检查代码质量，失败则阻止构建。

一句话商业模式

为使用 Claude Code 的开发者、设计系统团队解决AI 生成的界面常出现设计不一致、无障碍不达标、代码质量差，通过UX/UI Agent Skills 技能包（设计令牌、组件规范、门禁检查）提供价值，主要依靠开源免费，潜在收费方式包括企业版、支持服务或高级功能（假设）赚钱

商业模式画布

将 Claude 变成资深设计架构师，通过客观门禁确保输出符合 WCAG 和设计系统标准，减少人工审查

评分解析

研究分 72

这是什么

是什么
一个为 Claude Code 设计的技能包，包含设计令牌、组件规范、可运行技能和 41 个客观门禁，使 AI 代理能生成符合专业设计标准的前端代码。
给谁用
使用 Claude Code 的开发者、设计系统维护者、需要快速生成高质量 UI 的团队，以及希望将 AI 集成到设计到代码流程中的组织。
← 返回今日精选
U

UX/UI Agent Skills

提供 DTCG 设计令牌、50 个组件规范、WCAG 2.2 AA 到 AAA 无障碍规则、138 个设计系统、16 个框架适配器，并通过 41 个门禁在构建时自动检查代码质量，失败则阻止构建。

72

一句话商业模式

为使用 Claude Code 的开发者、设计系统团队解决AI 生成的界面常出现设计不一致、无障碍不达标、代码质量差，通过UX/UI Agent Skills 技能包（设计令牌、组件规范、门禁检查）提供价值，主要依靠开源免费，潜在收费方式包括企业版、支持服务或高级功能（假设）赚钱

开发者工具AI开源设计系统无障碍团队 未知（可能为独立开发者或小团队）发布 2026年3月16日创建最后同步 2026-09-14
访问官网

商业模式画布

Business Model Canvas · 9 大模块完整填涂

重要合作Key Partnerships
Anthropic（Claude Code）、npm 生态、设计系统社区（如 DTCG）
关键业务Key Activities
维护设计令牌库、更新门禁规则、开发新技能、编写文档和示例、响应社区反馈
价值主张Value Propositions
将 Claude 变成资深设计架构师，通过客观门禁确保输出符合 WCAG 和设计系统标准，减少人工审查
客户关系Customer Relationships
通过 GitHub Issues、Discussions 和 live demo 与用户互动，提供文档和示例
客户细分Customer Segments
使用 Claude Code 的开发者、设计系统工程师、AI 辅助设计流程的团队
核心资源Key Resources
设计系统知识库、门禁规则集、示例代码库、GitHub 社区
渠道通路Channels
通过 GitHub Trending、npm 分发、社区口碑传播，以及 live demo 展示效果
成本结构Cost Structure
开发时间、文档维护、示例代码更新、社区支持（开源项目，成本主要为人力）
收入来源Revenue Streams
开源免费吸引用户，未来可能通过企业支持、高级技能包或托管服务收费（假设）
💡 核心痛点：AI 生成的 UI 代码缺乏专业设计感，存在无障碍问题、设计不一致、组件质量差⚠️ 最大风险：依赖 Claude Code 生态，若 Anthropic 改变策略或出现替代方案，项目可能被边缘化

评分解析

痛点清晰度

明确针对 AI 生成 UI 的质量问题，通过门禁和示例对比清晰展示痛点，解决方式具体可验证

置信度 80%
85
付费可能性

开源免费，无明确收费模式，但企业级支持或高级功能可能带来收入，目前证据不足

置信度 40%
50
市场与趋势

AI 辅助设计工具需求增长，GitHub 趋势榜和涨星表明市场关注度高，但竞争激烈

置信度 70%
80
需求信号

今日涨星 63，星标 1281，说明开发者兴趣浓厚，但缺乏用户量或下载数据

置信度 60%
75
执行可行性

项目已实现完整功能，有 live demo 和示例，技术可行性高，但依赖 Claude Code 生态

置信度 70%
80
中国市场适配

中国开发者使用 Claude Code 可能受限，但设计系统和无障碍标准有通用价值，本地化需求存在

置信度 50%
60

这是什么

是什么
一个为 Claude Code 设计的技能包，包含设计令牌、组件规范、可运行技能和 41 个客观门禁，使 AI 代理能生成符合专业设计标准的前端代码。
给谁用
使用 Claude Code 的开发者、设计系统维护者、需要快速生成高质量 UI 的团队，以及希望将 AI 集成到设计到代码流程中的组织。

关键能力

  • 41 个客观门禁：自动检查对比度、目标尺寸、响应式、语义化、令牌一致性等，失败即阻止构建
  • DTCG 设计令牌：统一管理颜色、字体、间距等设计变量，支持主题切换
  • 138 个品牌级设计系统：覆盖主流设计语言，可直接应用
  • 16 个框架适配器：支持 React 19、Next.js 15、SwiftUI 6、Tailwind v4 等
  • 19 个可运行技能：如 /data-dashboard 命令，快速生成数据仪表盘
  • 无运行时依赖：纯指令和知识层，安装简单（npx 或插件）

创业线索

团队
未知（可能为独立开发者或小团队） · 项目由 plugin87 维护，无明确团队信息
发布时间
2026年3月16日创建 · 最近推送 2026年9月14日，活跃度高
增长线索
GitHub 星标 1281，今日新增 63，趋势榜 #79
能赚多少 / 怎么赚
无公开收入线索 · MIT 许可证，无明确收费模式

公开信息推断，缺数据会标未知；不构成收益承诺。

GitHub 最新数据

  • 仓库：plugin87/ux-ui-agent-skills
  • 星标：1,281
  • 分支：131
  • 关注：4
  • 未关闭 Issue：14
  • 主语言：JavaScript
  • 开源协议：MIT
  • 仓库创建：2026-03-16
  • 最近推送：2026-09-14
  • 描述：Turn Claude into a senior design architect - DTCG design tokens, 50 components, WCAG 2.2 AA to AAA, 138 design systems, any-framework code, and 38 objective gates that fail the build instead of claiming success. Install as a Claude Code plugin or with npx.
accessibilityai-agentsclaudeclaude-codeclaude-skillscomponent-librarydesign-systemdesign-to-codedesign-tokensdtcg

来源数据

  • 首次采集：2026-09-14
  • 最后同步：2026-09-14
  • 材料更新：2026-09-14
  • GitHub 星标：1,281
  • GitHub 分支：131
  • 穿透材料体量：约 8,965 字

AI 辅助分析，仅供项目研究参考，不构成投资建议。