技能说明
适用于网页、移动端和桌面界面的设计系统、页面构思、响应式改版、交互与无障碍检查。包含 CLI 与 Python 搜索脚本；真实项目仍需核对现有规范，示例结果不能替代设计判断。
关于此技能
面向网页、移动端和桌面界面的设计智能，提供可检索的风格、配色、字体、交互、无障碍、动效和技术栈建议，并可生成设计系统。边界：搜索结果是建议，不替代产品判断；使用前需核对现有项目规范。
核心能力
设计系统生成
根据产品类型、行业和风格关键词，组合界面结构、配色、字体、间距、动效和组件方向。
可检索的设计规则
按无障碍、触控交互、响应式布局、排版、颜色、图表和技术栈查询具体建议。
多平台支持
覆盖 Claude Code、Cursor、Codex CLI 等常用 Agent，并提供 Python 搜索脚本和 CLI 安装方式。
适用场景
新建网页或落地页
先生成一套有明确视觉方向的设计系统，再用于页面和组件实现。
改版与体验检查
检查现有界面的响应式、交互、可访问性和视觉一致性，定位需要改进的部分。
多技术栈前端项目
为 React、Next.js、Vue、Svelte、Tailwind、shadcn/ui 等项目补充针对性建议。
使用步骤
- 01
安装技能
安装 ui-ux-pro-max-cli，并按目标 Agent 执行 uipro init；也可通过 Claude Code Marketplace 安装。
- 02
描述项目
提供产品类型、受众、风格关键词和实际技术栈，避免把通用建议当成项目事实。
- 03
生成与检索
新页面使用 --design-system；局部问题使用 --domain 或 --stack 查询。
- 04
人工核验
检查现有设计规范、运行环境和可访问性；不要把示例配色、字体或代码直接当成最终方案。
常见问题
需要额外安装 Python 吗？+
需要。仓库说明搜索脚本要求 Python 3.x，且仅使用标准库；缺少 Python 时由用户自行安装，Agent 不应代为安装。
会不会自动修改集群或项目？+
技能本身主要提供设计建议和脚本输出，不会替你安装系统软件或授权无关操作；真正写入项目仍应由你确认。
它适合哪些 Agent？+
README 列出 Claude Code、Cursor、Codex CLI、Windsurf、Copilot、OpenCode 等多种平台；具体安装方式以对应平台说明为准。
安装前检查
把兼容性、来源和安装入口先看清楚，再放进自己的工作流。
Codex · Claude Code · Cursor
已提供来源链接
命令可直接复制
2026/09/05
安装提醒：这项技能可能涉及网络、脚本、文件或凭据权限，安装前请先阅读 SKILL.md，并确认它需要哪些权限。
npm install -g ui-ux-pro-max-cli && uipro init --ai codex