$ loading_
将 AI 变成资深 UX/UI 设计架构师,生成设计令牌、组件方案与无障碍前端代码。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"ux-ui-agent-skills" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请作为资深 UX/UI 设计架构师,为一个电商 SaaS 平台设计基础设计系统。输出 DTCG 设计令牌结构,包含颜色、字体、间距、圆角、阴影和语义别名,并说明命名规范与主题扩展方式。
一套结构清晰的设计令牌方案,含命名规则、主题层级与可扩展建议。
为企业后台系统设计一组表单组件规范,包括输入框、下拉框、复选框、单选框和按钮。请按 WCAG 2.2 要求说明状态、键盘交互、错误提示、焦点样式和禁用逻辑。
详细的组件规范文档,覆盖交互状态、无障碍要求与设计说明。
基于已有设计令牌,生成一个支持浅色和深色主题的卡片组件,分别提供 React、Vue 和原生 HTML/CSS 版本,并确保语义结构正确、可访问且易于复用。
可直接使用的多框架组件代码,包含主题适配与无障碍实现细节。
帮助开发者构建同时适合 AI 代理与人类使用的友好型网页界面。
帮助开发者生成更具设计感、避免通用 AI 风格的前端界面方案
帮助你创建、修改并排查 AI 技能规范、调用与兼容性问题
用AI优先方法审计、重构并快速启动软件项目与开发流程
根据19条专业设计规则审查界面与视觉稿,并给出改进建议。
汇集多种 Claude 技能,帮助开发者更高效完成编码与自动化任务