前端开发类 S级

ui-ux-pro-max

AI驱动的UI/UX设计助手,提供67种UI风格、161种配色方案、57种字体搭配、99条UX指南和25种图表类型,支持15+技术栈

这玩意儿干嘛的?

程序员自己写的界面总是差点意思,请设计师又贵又费沟通。ui-ux-pro-max 让你用自然语言就能生成专业级别的UI设计系统。

你只需要说”给我做个SPA预约的落地页”,它会自动分析产品类型,从67种UI风格、161种行业配色、57种字体搭配中选出最合适的组合,生成完整的设计规范(包括颜色代码、字体链接、组件建议、反模式警告),再直接生成代码。

为什么值得装

v2.0 智能设计系统生成器 — 输入产品类型,自动输出完整设计系统:

  • 目标用户画像 & 设计风格推荐
  • 品牌配色(含色值代码)
  • 字体搭配(含 Google Fonts 链接)
  • 动效与交互规范
  • 需要规避的反模式
  • 交付前检查清单

67种UI风格:玻璃拟态、粘土拟态、极简主义、新 Brutalism、Bento Grid、AI原生UI、暗色OLED、空间计算风格等

161个行业配色:涵盖科技SaaS、金融、电商、医疗、生活方式、游戏等161种产品类型

57种字体搭配:精选 Google Fonts 组合,适配不同品牌调性

99条UX指南:无障碍访问、响应式布局、移动端适配等最佳实践

25种图表类型:仪表盘和数据分析可视化推荐

15+技术栈:React、Next.js、Vue、Nuxt、Svelte、SwiftUI、React Native、Flutter、HTML+Tailwind、shadcn/ui 等

怎么用

直接用自然语言描述你的需求即可:

Build a landing page for my SaaS product
Create a dashboard for healthcare analytics
Design a portfolio website with dark mode
Make a mobile app UI for e-commerce
Build a fintech banking app with dark theme

支持 OpenClaw、Claude Code、Cursor、Windsurf、Antigravity、Codex、Continue、Gemini CLI、OpenCode、Qoder、CodeBuddy、Droid (Factory)、KiloCode、Warp、Augment、Trae、GitHub Copilot、Kiro、Roo Code 等18个AI编程平台。

核心功能

功能说明
智能风格推荐输入产品类型,自动匹配67种UI风格
品牌配色系统161种行业配色,含色值代码
字体搭配57种精选 Google Fonts 组合
UX指南99条无障碍/响应式/移动端最佳实践
图表推荐25种数据可视化图表类型
多技术栈支持 React、Vue、SwiftUI 等15+技术栈
#UI设计 #UX设计 #设计系统 #配色方案 #字体搭配 #前端开发 #响应式布局 #无障碍访问 #玻璃拟态 #暗色模式

Install

npx uipro-cli init --ai claude
复制命令后,粘贴到终端运行即可

Info

开发者
NextLevelBuilder
来源
GitHub
平台
OpenClaw, Claude Code, Cursor, Windsurf, Antigravity, Codex CLI, Continue, Gemini CLI, OpenCode, Qoder, CodeBuddy, Droid (Factory), KiloCode, Warp, Augment, Trae, GitHub Copilot, Kiro, Roo Code
GitHub Stars
65.4k
热度
S级
发布
2025-11-30
GitHub ↗

同类推荐

使用体验

评论区加载中...

(Artalk 评论系统,可自行部署后接入)