UI UX Pro Max

当需要从产品与体验层面输出完整 UI/UX 方案(信息架构、视觉规范、交互策略、可用性检查)时使用。

sunflowermm Updated

File contents

权威入口

  • 技能数据目录:.cursor/skills/ui-ux-pro-max/data/
  • 技能脚本目录:.cursor/skills/ui-ux-pro-max/scripts/
  • 项目规则:.cursor/rules/xrk-project.mdc

适用场景

  • 需要从需求到界面落地的完整 UI/UX 设计方案。
  • 需要为页面/功能建立视觉与交互一致性规则。
  • 需要对现有界面做可用性与可访问性改进建议。

非适用场景

  • 不用于安装系统依赖、修改操作系统环境或执行部署命令。
  • 不替代具体业务技能(如 xrk-http-apixrk-tasker)的代码定位工作。

执行步骤

  1. 明确目标用户、业务目标、关键任务流与约束(设备/性能/无障碍)。
  2. 产出页面级结构建议:信息层级、主次操作、关键反馈点。
  3. 结合数据目录给出设计令牌建议:色彩、字体、间距、组件状态。
  4. 补充交互细节:加载、空态、错误态、成功反馈、动效节奏。
  5. 给出验收清单:可读性、可点性、键盘可达、响应式、暗色模式一致性。

常见陷阱

  • 只给视觉风格,不给任务流与状态设计,导致“好看但不可用”。
  • 忽略错误态与空态,导致产品完成度不足。
  • 不区分“全局规范”和“页面局部例外”,导致设计系统失控。

sunflowermm/xrk-agt/tree/main/.cursor/skills/ui-ux-pro-max commit bf7e5c25bd

Frequently asked questions

npx skillmds@latest add sunflowermm/ui-ux-pro-max