它能做什么
中文摘要
UI/UX Pro Max 是一个 UI/UX 设计智能技能,提供可搜索的本地设计指南,涵盖 79 种样式、192 种产品调色板、74 种字体配对、119 条 UX 指南、105 个图标、17 个 GSAP 预设、25 种图表类型和 22 个技术栈。适用于设计、构建、审查或修复界面,包括页面、组件、设计系统、可访问性、交互、响应式布局、排版、颜色、图表和特定技术栈的 UI 实现。
为什么推荐
推荐理由
推荐给需要快速获取 UI/UX 设计规范和最佳实践的开发者。该技能通过本地搜索脚本提供精确的样式、配色、排版、UX 规则和实现指导,并支持设计系统生成与持久化,能有效提升界面质量和一致性。
什么时候用
适用场景
- 设计新页面或新项目
- 创建或重构 UI 组件
- 选择颜色、排版、间距、布局系统
- 审查 UI 的可访问性、UX 和一致性
- 实现导航、动画、响应式行为
- 提升界面的感知质量和可用性
使用前先看
主要亮点
- 01
可搜索的本地 UI/UX 指南:79 种样式(50 种激活)、192 种产品调色板及推理配置文件、74 种字体配对、119 条 UX 指南、105 个精选图标、17 个 GSAP 预设、25 种图表类型和 22 个技术栈
- 02
优先级规则表:按可访问性(CRITICAL)、触摸与交互(CRITICAL)、性能(HIGH)、样式选择(HIGH)、布局与响应式(HIGH)等 10 级排序
- 03
设计系统生成命令:使用 --design-system 聚合产品/样式/颜色/排版/落地页匹配并输出模式、样式、颜色、排版和反模式
- 04
设计拨盘:--variance(1-10 偏差)、--motion(运动强度)、--density(密度)调节设计系统输出
- 05
设计系统持久化:--persist 创建 MASTER.md 和页面级覆盖文件
- 06
搜索脚本支持多个 domain:ux、style、color、typography、chart、icons、gsap、react、web 等
- 07
支持 22 个技术栈的指导:React、Next.js、Vue、Svelte、Astro、Nuxt、Angular、Laravel、SwiftUI、React Native、Flutter、Jetpack Compose、HTML/Tailwind、shadcn 等
原始文档
原文摘录
UI/UX Pro Max - Design Intelligence Searchable local UI/UX guidance: 79 searchable styles (50 active), 192 product palettes and exact reasoning profiles, 74 font pairings, 119 UX guidelines, 105 curated icons, 17 GSAP presets, 25 chart types, and 22 technology stacks. When to Apply