技能介绍

解决什么问题

前端开发经常不是不会写页面，而是在风格选择、配色、字体和交互细节上反复试错：落地页容易显得泛化，仪表盘可能选错图表类型，移动端又常漏掉触摸目标、焦点状态、对比度和响应式适配。这些问题很零散，只靠经验记忆容易遗漏。ui-ux-pro-max 把 UI/UX 决策从凭感觉变成可检索、可排序的规则集，尤其适合在组件设计、页面审查和技术实现前给出参考。

核心能力与关键步骤

它面向 Web 与移动应用，内置 50+ 风格、97 个调色板、57 组字体搭配、99 条 UX 指南，并提供 html-tailwind、react、nextjs、vue、svelte、swiftui、react-native、flutter、shadcn 等技术栈参考。

典型工作流是：

分析需求：提取产品类型、风格关键词、行业和技术栈，例如 SaaS dashboard、minimal dark、react。
生成设计系统：优先使用 --design-system，并行搜索 product、style、color、landing、typography，输出模式、配色、字体、效果与反模式。
按需搜索领域：需要图表、UX、落地页结构或替代字体时，再用 --domain 查询 chart、ux、landing、typography。
落到技术栈：根据 html-tailwind 或框架指南补充实现约束，例如 aria-label、focus-states、transform 动画和 z-index 层级。

适用边界

它适合做设计系统、页面结构、组件审查和交付前检查，尤其适合 accessibility、touch targets、contrast、responsive layout 这类高优先级问题。但它不是图像生成工具，也不会替代业务判断、品牌策略或真实用户测试。对于强品牌项目，应以既有 VI 规范优先，再用其中的配色、字体和交互规则做校验与补充。