工程开发
ui-ux-pro-max avatar

ui-ux-pro-max

适用于网页与移动设备的专业 UI/UX 设计指南。包含 50 多种风格、99 项 UX 指引及 97 种配色方案。支持 React、Vue、Next.js 等多种技术栈的开发设计建议。

简介

UI/UX Pro Max 是一套为开发人员、产品设计师及软件工程师打造的综合设计智能代理,旨在构建高质量、易访问且性能优异的用户界面。此工具作为设计系统的结构化存储库,涵盖从核心无障碍标准与交互模式,到具体的布局与排版建议等各方面。它旨在协助用户通过提供基于数据且按优先级排列的指导,来应对 UI 组件设计、配色方案选择及 UX 代码审查的复杂性。本系统高度实用,提供针对 React、Vue、Next.js、Tailwind CSS 等 9 种技术栈的搜索能力。

  • 访问包含 99+ 项 UX 指引、97 种配色方案、57 组字体搭配、50+ 种设计风格及 25 种图表类型的可搜索数据库。

  • 为各种产品类型(如 SaaS 仪表板、电子商务网站、作品集与落地页)生成完整且具备情境意识的设计系统。

  • 确保符合关键的无障碍标准,包括色彩对比度 (4.5:1)、焦点状态、键盘导航及 ARIA 标签使用。

  • 通过视口管理、图像优化策略与触摸目标尺寸(最小 44x44px)来强化性能与移动设备响应能力。

  • 实施行业标准的动画计时与减轻动态效果模式,以提升用户体验。

  • 利用内置搜索工具查询特定领域,例如无障碍、触摸交互、布局、排版与数据可视化。

  • 接收基于特定框架(如 React、Next.js、Vue、Svelte、SwiftUI、Flutter 与 React Native)的量身定制代码实现片段。

  • 启动项目时,务必使用 --design-system 标记,以获取适合您特定行业与项目目标的规则建议。

  • 除非另有说明,否则默认采用 html-tailwind 技术栈;确保所有实现皆符合性能与无障碍最佳实践。

  • 使用 CLI 搜索功能深入探索特定需求,例如寻找毛玻璃风格示例、实时仪表板的图表建议,或移动设备无障碍的特定 UX 指引。

  • 本技能适用于活跃的设计阶段:请将其用于原型制作、组件级别的 UI/UX 审核、色彩系统创建以及确保跨浏览器的一致性。

仓库统计

Star 数
35,613
Fork 数
5,842
Open Issue 数
2
主要语言
Python
默认分支
main
同步状态
空闲
最近同步时间
2026年4月29日 07:42
在 GitHub 查看