提供 UI/UX 设计智能与实现指导，帮助打造精美界面。适用于 UI 设计、UX 流程、信息架构、视觉风格、设计系统/标记、组件规格、文案/微文案、无障碍及前端 UI（HTML/CSS/JS、React、Next.js、Vue、Svelte、Tailwind）生成/评审/改进。工作流包括：①新 UI 布局与样式生成；②现有 UI/UX 改进；③设计系统标记和组件规范产出；④ UX 建议转化为代码变更。
遵循这些步骤, 以最小的回转/ 自动输出提供高质量的 UI/ UX. 1. 1
功能概述
遵循这些步骤, 以最小的回转/ 自动输出提供高质量的 UI/ UX. 1. 1是一项面向实际任务的技能，主要用于仅询问您必须避免错误的工作 :. 目标平台: web / iOS / Android /桌面.；Stack( i)。
核心要点
- 它将相关步骤、工具调用和结果整理方式集中到统一流程中，帮助使用者更快完成目标并减少重复操作。
- 使用时应结合输入条件选择合适的执行方式，核对必要参数、依赖环境与输出内容，并按原始要求处理异常情况。
- 该技能适合需要稳定复用相关能力的场景，可作为自动化工作流的一部分，也便于后续检查、调整和扩展。
使用与执行
从功能定位来看，该技能强调把分散的操作要求整理成清晰、可复用的处理流程，使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数，再依据技能说明逐步执行；
结果检查与注意事项
若输入条件不完整，应先补齐信息或采用保守配置，避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期，并对异常提示、缺失字段和边界情况进行处理；涉及批量任务时，还应保存进度，避免中断后重复操作。
请遵循以下步骤，以最少的反复沟通交付高质量的 UI/UX 输出。
1) 问题分级（Triage）
仅提出必要问题，避免返工：
- 目标平台：web / iOS / Android / desktop
- 技术栈（如需代码变更）：React/Next/Vue/Svelte、CSS/Tailwind、组件库
- 目标与约束：转化率、性能、品牌调性、无障碍等级（WCAG AA？）
- 已有材料：截图、Figma 文件、代码仓库、URL、用户旅程文档
若用户表示“全部都要”（设计 + UX + 代码 + 设计系统），请将其视为四项独立交付物，并按此顺序交付。
2) 产出交付物（按需选择）
始终具体明确：为组件、状态、间距、排版及交互命名并定义。
- UI 概念与布局：提供清晰的视觉方向、网格系统、排版规范、色彩体系，以及关键页面/模块示意图。
- UX 流程图：绘制用户旅程，标注核心路径、错误/空态/加载态，覆盖边缘场景。
- 设计系统：定义设计令牌（color/typography/spacing/radius/shadow）、组件规则及无障碍注意事项。
- 实施计划：明确文件级修改点、组件拆解方案及验收标准。
3) 利用内置资源（Bundled Assets）
本技能已集成可直接引用的数据资源，用于灵感获取或标准参考。
- 设计智能数据：当需要配色方案、设计模式或 UI/UX 启发式原则时，查阅
skills/ui-ux-pro-max/assets/data/目录下的内容。 - 上游参考文档：如需更多措辞范例或上下文说明，请参考
skills/ui-ux-pro-max/references/upstream-skill-content.md。
4) 可选脚本（设计系统生成器）
如需快速生成设计令牌及页面级覆盖配置，请使用内置脚本：
python3 skills/ui-ux-pro-max/scripts/design_system.py --help
建议在用户明确要求结构化令牌输出（且需 ASCII 兼容格式）时运行该脚本。
输出规范
- 默认采用纯 ASCII 字符的令牌/变量命名；仅当项目已使用 Unicode 时例外。
- 必须包含：间距刻度、字号刻度、2–3 套字体组合方案、色彩令牌、组件状态定义。
- 必须覆盖：空态/加载态/错误态、键盘导航支持、焦点样式、对比度合规性。
热门AI工具
相关专题
本专题介绍Gradle插件开发的基本流程，涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法，帮助你理解插件如何组织构建逻辑，减少多个项目之间的重复配置。
0
2026.10.22
本专题介绍Gradle Wrapper的基本作用，涵盖文件组成、生成方法、版本配置和任务调用，帮助你理解项目如何使用指定的Gradle版本，减少不同开发环境带来的构建差异。
0
2026.10.22
本专题整理Golangci-lint常用Linters的用途与配置方法，覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查，帮助项目合理选规则。
0
2026.10.22
本专题介绍Gradle Java项目构建方法，涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查，帮助你理解各阶段的任务关系，逐步完成项目构建。
0
2026.10.22
本专题汇总PHP常见时间戳漏洞，包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等，并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案，帮助开发者快速排查和加固时间相关代码。
0
2026.10.22
本专题聚焦Golangci-lint YAML配置文件，讲清运行参数、规则启停、目录排除、问题过滤及严重级别设置，便于团队统一检查标准。
0
2026.10.22
本专题讲解Golangci-lint的安装、初始化、基础命令和首次代码检查，覆盖本地环境、Docker及多平台用法，帮助Go开发者快速上手。
0
2026.10.22
PHP2Shell漏洞是什么，哪些PHP版本和运行环境会受到影响，服务器应该如何检测与修复？本专题提供版本自查脚本、Linux与Docker升级命令、PHP-FPM和Apache排查步骤，以及修复验证、临时缓解和应急响应方案。
0
2026.10.22
热门下载
相关下载
精品课程
共6课时 | 12.1万人学习
共79课时 | 161.5万人学习
共6课时 | 54.7万人学习
