- 形态
- Agent Skill
- 是否开源
- 是
- GitHub Stars
- ★ 1.1k
- 收录来源
- skill-github
能力说明
UX/UI Agent Skills 是一个全面的工具包，包含结构化的指令、设计令牌、可运行技能和138个品牌级设计系统，使 Claude 成为 UX/UI 专家代理。它支持任何框架和设计系统，适用于需要一致、无障碍且基于令牌的设计输出的项目。通过简单的安装命令即可接入，并适合所有需要高质量设计和无障碍性的开发团队。
能力点
- ▪生成 DTCG 格式的设计令牌
- ▪设计从原子到模板的组件
- ▪生成任意框架的代码
- ▪跨设计系统的互操作
- ▪17种可调用技能和4种斜杠命令
- ▪WCAG 2.2 AA/AAA 无障碍审核
适用场景
设计通知组件并确保无障碍性审查登录页面的无障碍性和可用性生成带有排序和分页功能的数据表代码创建金融科技品牌的颜色令牌调色板
接入方式
依赖：API Key
npx ux-ui-agent-skills init 或 git clone https://github.com/plugin87/ux-ui-agent-skills.git
以上信息由 AI 基于公开资料整理，可能存在偏差，以来源为准。
常见问题
如何开始使用？
使用 npx 命令安装或克隆仓库，然后在 Claude Code 或其他 Claude 支持的 IDE 中打开项目。
支持哪些框架？
支持 React、Next.js、SwiftUI、Vue、Svelte 等多种框架。
相关 Skill
motion-video-kit
AI 辅助制作高质量商业视频的技能包，包含独立评审循环、运动原则等。
Agent Skill
manim_skill
为 Manim 提供创建 3Blue1Brown 风格动画的 Agent 技能。
Agent Skill
drawio-skill
从自然语言生成 draw.io 图表，支持多种预设和导出格式。
Agent Skill
sprite-gen
生成干净的2D游戏精灵和动画图集。
Agent Skill
logo-generator-skill
专业SVG标志生成器，提供多种设计变体和展示背景。
Agent Skill
claude-skill-aso-appstore-screenshots
生成高质量的App Store截图，提升应用下载率。
Agent Skill