UI UX Pro Max把 AI 设计系统生成装进你的编码助手【免费下载链接】ui-ux-pro-max-skillAn AI skill that provides design intelligence for building professional UI/UX across multiple platforms.项目地址: https://gitcode.com/gh_mirrors/ui/ui-ux-pro-max-skillUI UX Pro Max 是一个 AI 设计智能技能可接入 Claude Code、Cursor 等编码助手在你提出界面需求时自动检索并推理生成一整套 UI/UX 设计系统风格、配色、字体、布局与需要避免的坑一次给齐。UI UX Pro Max 安装与初始化设计系统检索脚本依赖 Python 3.x仅标准库不安装额外依赖、不联网Node 侧则通过 npm 提供 CLInpm install -g ui-ux-pro-max-cli cd /path/to/your/project uipro init --ai claude # 或 cursor / windsurf / copilot 等--ai参数支持约 20 个平台含 Gemini CLI、Codex、Trae、Kiro、OpenClaw 等加--ai all一次写满所有平台加--global则安装到用户目录对全部项目生效。装完之后无需改变工作方式向助手自然提需求即可例如Build a landing page for my SaaS product或Create a dashboard for healthcare analytics技能被触发后会先检索、生成设计系统再据此写代码。Kiro、Roo Code 等平台用斜杠命令/ui-ux-pro-max 你的需求触发。AI 设计智能检索库与推理引擎它的底座不是静态资源包而是一个 BM25 检索引擎加一套按产品类型细分的规则库。数据全部是 CSV放在src/ui-ux-pro-max/data/检索与推理逻辑在同级scripts/search.py与core.py。收到需求后引擎同时从 5 个维度检索——产品类型192 类、UI 风格、调色板、落地页模式、字体搭配——再叠加推理规则排序输出推荐方案并排除行业禁忌。资源规模如下79 种可检索 UI 风格50 种活跃参与常规推荐29 种作为变体按需返回9 种已弃用并自动重定向到规范风格覆盖玻璃拟态、黏土拟态、Bento 网格、Brutalism、Fluent 2、Shopify Polaris、Adobe Spectrum 等192 套行业调色板与 192 种产品类型一一对应74 组字体搭配直接附 Google Fonts 引入方式底层字体库收录 1,934 个 Google 字体家族25 种图表类型建议、34 种落地页结构、17 套动效预设、119 条 UX 规范含无障碍与文本换行容错技术栈指南覆盖 22 种React、Next.js、Vue、Nuxt UI、Angular、Svelte、Astro、Laravel、Three.js、React Native、Flutter、SwiftUI、Jetpack Compose、JavaFX、WPF、WinUI 3、Avalonia、Uno Platform、UWP 等每栈约 57 条专属规范共 1,271 条。在提示词里提一句目标框架即可切换默认 HTML Tailwind。设计系统生成器怎么用v2.0 起的核心功能是设计系统生成器。直接调用python3 .claude/skills/ui-ux-pro-max/scripts/search.py beauty spa wellness --design-system -p Serenity Spa几秒后输出的完整设计系统包含推荐页面结构各区块顺序与 CTA 位置、风格排名及关键词、完整色值Primary/Secondary/CTA/背景/文本、字体组合及气质说明、关键效果、该行业应避免的反模式外加一份交付前检查清单——不用 emoji 当图标、可点击元素带cursor-pointer、浅色模式对比度不低于 4.5:1、键盘焦点可见、遵循prefers-reduced-motion、在 375/768/1024/1440px 断点下校验。大项目建议把结果落盘供跨会话分层检索python3 .claude/skills/ui-ux-pro-max/scripts/search.py SaaS dashboard --design-system --persist -p MyApp python3 .claude/skills/ui-ux-pro-max/scripts/search.py SaaS dashboard --design-system --persist -p MyApp --page dashboard生成的目录结构design-system/ └── myapp/ ├── MASTER.md # 全局规范颜色、字体、间距、组件 └── pages/ └── dashboard.md # 页面级覆盖只写与 MASTER 不同的部分后续会话构建某个页面时助手先查对应页面文件存在则优先不存在才退回 MASTER。加-f markdown可切换输出格式。192 条行业推理规则每个产品类别都有独立规则档案涵盖推荐模式、风格优先级、色彩情绪、字体气质、关键效果与反模式六项。举几个例子银行 / 金融明确列入应避免的是 AI 紫粉渐变——这类配色在该行业会削弱专业感与信任感SaaS推荐 Hero 加社会认同的落地页结构CTA 放在首屏并在客户证言之后重复出现美容 SPASoft UI 风格柔粉 #E8B4B8 配鼠尾草绿 #A8D5BA、金色 #D4AF37 点缀暖白底、炭黑字整体走低饱和的平静路线规则库完整清单见src/ui-ux-pro-max/data/ui-reasoning.csv覆盖医疗、电商、创意作品集、生活服务、Web3 等方向。适合谁使用独立开发者和小型团队用它补上设计位一句需求换来一套自洽的配色、字体与布局方案省去在几十种风格里反复试错的周末。需要多端、多页一致性的项目MASTER 加页面覆盖机制相当于给团队一份可执行的设计规范文档新页面、新成员都对着它开发减少口径不一致的返工。对为什么这样推荐感到好奇的学习者直接读生成结果里的反模式和行业规则部分理解设计决策背后对应的行业约束。常见问题运行 search.py 提示找不到 Python脚本需要 Python 3.x用系统包管理器Homebrew / apt / winget安装后重试即可python3 --version设计系统输出被截断人读模式默认把长字段截断到 300 字符加--json可拿完整数据python3 .claude/skills/ui-ux-pro-max/scripts/search.py SaaS --domain style --jsonuipro提示 unknown commandCLI 版本过旧更新后重试npm install -g ui-ux-pro-max-clilatest结语把选什么风格、配什么色、避什么坑这三步交给规则化的推理是你接入它的全部理由。git clone https://gitcode.com/gh_mirrors/ui/ui-ux-pro-max-skill【免费下载链接】ui-ux-pro-max-skillAn AI skill that provides design intelligence for building professional UI/UX across multiple platforms.项目地址: https://gitcode.com/gh_mirrors/ui/ui-ux-pro-max-skill创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 
长河君 · 2026/10/24 2:01:38 · 阅读 1.2k UI UX Pro Max：把 AI 设计系统生成装进你的编码助手
UI UX Pro Max把 AI 设计系统生成装进你的编码助手【免费下载链接】ui-ux-pro-max-skillAn AI skill that provides design intelligence for building professional UI/UX across multiple platforms.项目地址: https://gitcode.com/gh_mirrors/ui/ui-ux-pro-max-skillUI UX Pro Max 是一个 AI 设计智能技能可接入 Claude Code、Cursor 等编码助手在你提出界面需求时自动检索并推理生成一整套 UI/UX 设计系统风格、配色、字体、布局与需要避免的坑一次给齐。UI UX Pro Max 安装与初始化设计系统检索脚本依赖 Python 3.x仅标准库不安装额外依赖、不联网Node 侧则通过 npm 提供 CLInpm install -g ui-ux-pro-max-cli cd /path/to/your/project uipro init --ai claude # 或 cursor / windsurf / copilot 等--ai参数支持约 20 个平台含 Gemini CLI、Codex、Trae、Kiro、OpenClaw 等加--ai all一次写满所有平台加--global则安装到用户目录对全部项目生效。装完之后无需改变工作方式向助手自然提需求即可例如Build a landing page for my SaaS product或Create a dashboard for healthcare analytics技能被触发后会先检索、生成设计系统再据此写代码。Kiro、Roo Code 等平台用斜杠命令/ui-ux-pro-max 你的需求触发。AI 设计智能检索库与推理引擎它的底座不是静态资源包而是一个 BM25 检索引擎加一套按产品类型细分的规则库。数据全部是 CSV放在src/ui-ux-pro-max/data/检索与推理逻辑在同级scripts/search.py与core.py。收到需求后引擎同时从 5 个维度检索——产品类型192 类、UI 风格、调色板、落地页模式、字体搭配——再叠加推理规则排序输出推荐方案并排除行业禁忌。资源规模如下79 种可检索 UI 风格50 种活跃参与常规推荐29 种作为变体按需返回9 种已弃用并自动重定向到规范风格覆盖玻璃拟态、黏土拟态、Bento 网格、Brutalism、Fluent 2、Shopify Polaris、Adobe Spectrum 等192 套行业调色板与 192 种产品类型一一对应74 组字体搭配直接附 Google Fonts 引入方式底层字体库收录 1,934 个 Google 字体家族25 种图表类型建议、34 种落地页结构、17 套动效预设、119 条 UX 规范含无障碍与文本换行容错技术栈指南覆盖 22 种React、Next.js、Vue、Nuxt UI、Angular、Svelte、Astro、Laravel、Three.js、React Native、Flutter、SwiftUI、Jetpack Compose、JavaFX、WPF、WinUI 3、Avalonia、Uno Platform、UWP 等每栈约 57 条专属规范共 1,271 条。在提示词里提一句目标框架即可切换默认 HTML Tailwind。设计系统生成器怎么用v2.0 起的核心功能是设计系统生成器。直接调用python3 .claude/skills/ui-ux-pro-max/scripts/search.py beauty spa wellness --design-system -p Serenity Spa几秒后输出的完整设计系统包含推荐页面结构各区块顺序与 CTA 位置、风格排名及关键词、完整色值Primary/Secondary/CTA/背景/文本、字体组合及气质说明、关键效果、该行业应避免的反模式外加一份交付前检查清单——不用 emoji 当图标、可点击元素带cursor-pointer、浅色模式对比度不低于 4.5:1、键盘焦点可见、遵循prefers-reduced-motion、在 375/768/1024/1440px 断点下校验。大项目建议把结果落盘供跨会话分层检索python3 .claude/skills/ui-ux-pro-max/scripts/search.py SaaS dashboard --design-system --persist -p MyApp python3 .claude/skills/ui-ux-pro-max/scripts/search.py SaaS dashboard --design-system --persist -p MyApp --page dashboard生成的目录结构design-system/ └── myapp/ ├── MASTER.md # 全局规范颜色、字体、间距、组件 └── pages/ └── dashboard.md # 页面级覆盖只写与 MASTER 不同的部分后续会话构建某个页面时助手先查对应页面文件存在则优先不存在才退回 MASTER。加-f markdown可切换输出格式。192 条行业推理规则每个产品类别都有独立规则档案涵盖推荐模式、风格优先级、色彩情绪、字体气质、关键效果与反模式六项。举几个例子银行 / 金融明确列入应避免的是 AI 紫粉渐变——这类配色在该行业会削弱专业感与信任感SaaS推荐 Hero 加社会认同的落地页结构CTA 放在首屏并在客户证言之后重复出现美容 SPASoft UI 风格柔粉 #E8B4B8 配鼠尾草绿 #A8D5BA、金色 #D4AF37 点缀暖白底、炭黑字整体走低饱和的平静路线规则库完整清单见src/ui-ux-pro-max/data/ui-reasoning.csv覆盖医疗、电商、创意作品集、生活服务、Web3 等方向。适合谁使用独立开发者和小型团队用它补上设计位一句需求换来一套自洽的配色、字体与布局方案省去在几十种风格里反复试错的周末。需要多端、多页一致性的项目MASTER 加页面覆盖机制相当于给团队一份可执行的设计规范文档新页面、新成员都对着它开发减少口径不一致的返工。对为什么这样推荐感到好奇的学习者直接读生成结果里的反模式和行业规则部分理解设计决策背后对应的行业约束。常见问题运行 search.py 提示找不到 Python脚本需要 Python 3.x用系统包管理器Homebrew / apt / winget安装后重试即可python3 --version设计系统输出被截断人读模式默认把长字段截断到 300 字符加--json可拿完整数据python3 .claude/skills/ui-ux-pro-max/scripts/search.py SaaS --domain style --jsonuipro提示 unknown commandCLI 版本过旧更新后重试npm install -g ui-ux-pro-max-clilatest结语把选什么风格、配什么色、避什么坑这三步交给规则化的推理是你接入它的全部理由。git clone https://gitcode.com/gh_mirrors/ui/ui-ux-pro-max-skill【免费下载链接】ui-ux-pro-max-skillAn AI skill that provides design intelligence for building professional UI/UX across multiple platforms.项目地址: https://gitcode.com/gh_mirrors/ui/ui-ux-pro-max-skill创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考