# 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 决策受原生平台规则约束。

- Skill: `hebertzhu/ui-ux-pro-max` (Agent Skill)
- Install (CLI): `npx skillmds@latest add hebertzhu/ui-ux-pro-max`
- Raw SKILL.md: https://api.skillmd.com/api/skills/hebertzhu/ui-ux-pro-max/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: hebertzhu (https://skillmd.com/u/hebertzhu)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/hebertzhu/ui-ux-pro-max

---


# 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.