UI UX Pro Max 设计智能技能
面向 AI 编程助手的 UI/UX 设计智能技能，内置 192 条推理规则与 79 种可检索 UI 风格，可根据项目需求自动生成配色、字体、布局与组件规范，覆盖 Web、移动端与落地页。
过去 7 天收获 2 颗 Star
爱鲜报评分
0 人评分
142k
星数
是
中文
Python
主语言
是
活跃
105
贡献者
人工分析
EDITORIAL推荐理由
它把「设计决策」变成可被 AI 调用的结构化知识库，让 Claude Code、Cursor、Codex 等工具在写代码时同步产出专业级界面方案，省去反复沟通设计稿的环节。内置风格库与反模式清单能有效避免千篇一律的 AI 紫渐变审美。对独立开发者与前端团队来说，是提升交付质感的低成本方案。
适用场景
- 用 AI 编程助手从零搭建落地页与官网
- 为 SaaS 或电商项目快速确定配色与字体体系
- 移动端 App 界面风格探索与组件规范生成
- 前端团队统一设计语言、沉淀设计 Token
- 在 Claude Code / Cursor 中边写代码边生成 UI
优点
- 内置 192 条推理规则与 79 种可检索 UI 风格，覆盖面广
- 输出包含配色、字体、布局模式与反模式的完整设计系统
- 适配 Claude Code、Cursor、Codex、Copilot 等多种 AI 工具
- 提供 CLI 与多语言文档，接入成本较低
- MIT 协议开源，可自由修改与商用
缺点
- 本质是提示词与规则库，生成质量依赖所用大模型能力
- 设计建议偏通用范式，深度品牌定制仍需人工把关
- 对不熟悉设计术语的开发者存在理解门槛
- 不同 AI 客户端的接入方式与效果存在差异
项目概览
UI UX Pro Max 是一个面向 AI 编程助手的「设计智能」技能包。它把专业 UI/UX 知识整理成结构化规则，让 Claude Code、Cursor、Codex、Copilot 等工具在生成代码的同时，给出成体系的设计方案。
项目以 Python 实现，同时提供 npm 包形式的 CLI，官网为 uupm.cc。
核心能力
设计系统生成器
v2.0 的旗舰功能。输入项目类型与目标（例如「高端 SPA 官网」），即可输出一份完整的设计系统建议：
- 布局模式：页面结构与区块顺序，如 Hero + 社会证明 + 预约表单
- 视觉风格：风格关键词、适用行业与性能/可访问性提示
- 配色方案：主色、辅色、CTA 色、背景与文字色，附带十六进制值
- 字体搭配：标题与正文字体组合及 Google Fonts 链接
- 关键效果：阴影、过渡与悬停状态建议
- 反模式清单：明确列出应避免的做法，如刺眼霓虹色、AI 紫粉渐变
规则与风格库
内置 192 条推理规则与 79 种可检索 UI 风格，覆盖 Web、移动端、落地页等场景，可作为 AI 的「设计常识」被检索调用。
使用方式
典型流程是在支持的 AI 客户端中加载该技能，然后用自然语言描述需求：
帮我做一个宠物用品电商落地页，风格温暖、可信赖
AI 会先给出设计系统建议，再据此生成 HTML/Tailwind 或 React 组件代码。也可通过 CLI 在命令行中直接查询风格与配色。
适用人群
- 缺少专职设计师的独立开发者与小团队
- 希望统一设计语言的前端团队
- 想快速验证视觉方向的创业项目
注意事项
该项目的产出质量与所用大模型的理解能力密切相关，建议把生成结果当作起点而非终稿；涉及品牌调性与无障碍合规时，仍需人工复核。
评论
- 暂无评论，来写第一条吧。