UI/UX 设计智能。 50 种样式、21 个调色板、50 种字体配对、20 个图表、9 个堆栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）。行动：计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查 UI/UX 代码。项目：网站、登陆页面、仪表板、管理面板、电子商务、SaaS、投资组合、博客、移动应用程序、.html、.tsx、.vue、.svelte。元素：按钮、模式、导航栏、侧边栏、卡片、表格、表单、图表。风格：玻璃形态、粘土形态、极简主义、野兽派、新形态、便当网格、深色模式、响应式、拟物化、平面设计。主题：调色板、辅助功能、动画、布局、排版、字体配对、间距、悬停、阴影、渐变。集成：shadcn/ui MCP 用于组件搜索和示例。
通过命令行快速安装 ui-ux-pro-max AI 技能到你的开发环境
来源：jochenyang/jochen-ai-rules。
Comprehensive design guide for web and mobile applications. Contains 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks. Searchable database with priority-based recommendations.
| 1 | Accessibility | CRITICAL | ux | | 2 | Touch & Interaction | CRITICAL | ux | | 3 | Performance | HIGH | ux | | 4 | Layout & Responsive | HIGH | ux | | 5 | Typography & Color | MEDIUM | typography, color | | 6 | Animation | MEDIUM | ux | | 7 | Style Selection | MEDIUM | style, product | | 8 | Charts & Data | LOW | chart |
If Python is not installed, install it based on user's OS:
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/jochenyang/jochen-ai-rules --skill ui-ux-pro-maxUI/UX 设计智能。 50 种样式、21 个调色板、50 种字体配对、20 个图表、9 个堆栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）。行动：计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查 UI/UX 代码。项目：网站、登陆页面、仪表板、管理面板、电子商务、SaaS、投资组合、博客、移动应用程序、.html、.tsx、.vue、.svelte。元素：按钮、模式、导航栏、侧边栏、卡片、表格、表单、图表。风格：玻璃形态、粘土形态、极简主义、野兽派、新形态、便当网格、深色模式、响应式、拟物化、平面设计。主题：调色板、辅助功能、动画、布局、排版、字体配对、间距、悬停、阴影、渐变。集成：shadcn/ui MCP 用于组件搜索和示例。 来源：jochenyang/jochen-ai-rules。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/jochenyang/jochen-ai-rules --skill ui-ux-pro-max 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/jochenyang/jochen-ai-rules