开发者Club
nextlevelbuildernextlevelbuilder热门

ui-ux-pro-max

GitHub 上 star 最多的设计类 Skill。内置大量 UI 风格、配色方案、字体搭配和各行业的设计规范，Agent 做界面时会先检索匹配的设计系统再写代码，支持 React、Vue、SwiftUI、Flutter 等多种技术栈。

安装

Claude Code 插件市场
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill
uipro CLI（多客户端通用）
npm install -g ui-ux-pro-max-cli
uipro init --ai claude

也可以手动安装：把仓库里的 skill 目录复制到 ~/.claude/skills/（Claude Code）或对应客户端的 skills 目录。

怎么触发

装好后不用手动调用，对 Agent 说类似的话，它会自动用上这个 Skill：

  • 「给我的 SaaS 产品做一个 Dashboard，风格要专业简洁」
  • 「这个电商首页应该用什么配色和字体」

适用场景

  • 新产品确定设计系统
  • 多技术栈的界面开发
  • 为现有界面挑选配色与字体

同类 Skill

frontend-design让 AI 写出的界面有设计感，不再是千篇一律的模板风vercel-react-best-practicesVercel 工程团队总结的 React / Next.js 性能优化规则web-design-guidelines按 Web 界面规范审查 UI：可访问性、交互、细节vercel-composition-patternsReact 组合模式：告别越加越多的 boolean propsvercel-react-native-skillsReact Native 与 Expo 的性能与工程最佳实践vercel-react-view-transitions用 React View Transition API 做页面切换和共享元素动画