UI UX Pro Max

用于移动端 / React Native 导向的 UI/UX 设计系统问题:当任务需要产品级信息架构、导航、触控、间距、safe area、无障碍、动效或设计系统决策,并且实现前需要先定 UX 规则,或者会说“底部 tab 怎么设计”“页面流转怎么走”“表单流怎么安排”“手势返回怎么处理”“可点击区域够不够”“按钮点按区域够不够”“safe area 要怎么留”“移动端信息架构怎么定”,or English asks like “how should the bottom tabs work”, “are the touch targets big enough”, “how should safe areas be handled” 时使用。Prefer `frontend-design` for 大胆的新 Web UI,Prefer `react-best-practices` for 现有 React/Next 性能与架构问题;Combine with `ios` / `android` when 决策受原生平台规则约束。

hebertzhu b699d2f 2.3 KB Updated

File contents

ui-ux-pro-max

Intent

  • 用于移动端 / React Native 导向的 UI/UX 设计系统问题:当任务需要产品级信息架构、导航、触控、间距、safe area、无障碍、动效或设计系统决策,并且实现前需要先定 UX 规则,或者会说“底部 tab 怎么设计”“页面流转怎么走”“表单流怎么安排”“手势返回怎么处理”“可点击区域够不够”“按钮点按区域够不够”“safe area 要怎么留”“移动端信息架构怎么定”,or English asks like “how should the bottom tabs work”, “are the touch targets big enough”, “how should safe areas be handled” 时使用。Prefer frontend-design for 大胆的新 Web UI,Prefer react-best-practices for 现有 React/Next 性能与架构问题;Combine with ios / android when 决策受原生平台规则约束。

Default operating pattern

  1. Clarify audience, surface, success metric, and implementation boundary.
  2. Study relevant patterns, references, or constraints before proposing a direction.
  3. Define structure, interaction, copy, and visual hierarchy with a reusable rationale.
  4. Pressure-test accessibility, motion, maintainability, and platform fit.
  5. Return a concise recommendation and the next implementation move.

Pack fit

  • Included in: product-design, platform-apps
  • Keep examples generic, privacy-safe, and portable across hosts.

Boundary

  • Do not use as a catch-all for every visual change request.

hebertzhu/agent-foundry/tree/main/skills/ui-ux-pro-max commit b699d2fde4

Frequently asked questions

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