codex 中使用 ui-ux-pro-max-skill
作用
简单来说，UI-UX-Pro-Max-Skill就像是给 AI 编程助手（如 Claude Code、Cursor 等）装上了一个“专业设计师的大脑”。
它的核心作用是解决 AI 写代码“功能没问题，但界面很丑”的痛点，让 AI 能生成符合专业设计规范、美观且跨平台的 UI 界面。
为了让你更直观地理解，我把它的主要用途总结为以下三个方面：
1. 让 AI 生成的界面“变好看” 🎨
通常你让 AI 写一个登录页，它可能只会给你堆砌几个输入框和按钮，样式很简陋。
有了这个技能，AI 会先查询内置的专业设计数据库，然后再写代码。它包含：
- 57种 UI 风格：如玻璃拟态（Glassmorphism）、极简主义等。
- 95种配色方案：针对 SaaS、电商、医疗等不同行业的专业配色。
- 56种字体搭配：精选的 Google Fonts 组合。
- UX 最佳实践：比如按钮间距、无障碍访问标准等。
2. 自动化测试与缺陷提报（测试开发专用） 🐞
这是一个非常实用的隐藏功能，特别是对于测试工程师。
- 自动生成测试用例：你上传一张设计图，它能基于设计图自动生成包含功能、UI、UX 的详细测试用例。
- UI 视觉比对：它可以对比“设计稿”和“实际前端页面”，进行像素级比对，发现视觉偏差。
- 智能缺陷提报：发现 UI 问题后，它能自动生成结构化的缺陷描述报告（包含截图、复现步骤、修复建议），直接发给开发人员，减少沟通扯皮。
3. 跨平台设计一致性 📱
它支持13 种主流技术栈，不仅仅是 Web 端。全支持 Vue 3。
- Web：HTML + Tailwind CSS（默认）、React、Vue、Next.js 等。
- 移动端：SwiftUI (iOS)、Jetpack Compose (Android)。
- 跨平台：Flutter、React Native。
结果：它可以确保你的 App 在 iOS 和 Android 上不仅代码逻辑正确，而且视觉风格统一，符合各自平台的设计规范（如 Human Interface Guidelines 或 Material Design）。
结果：你只需要说“帮我做一个现代风格的 SaaS 仪表盘”，它就能生成设计感很强的代码，而不是“像 Demo 一样”的简陋页面。
操作
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
全局安装
npm.cmd install -g uipro-cli初始化
uipro.cmd init --ai codexVscode中的聊天框，用$ui-ux-pro-max-skill 引出它。