SKILL

ui-ux-pro-max

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 design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.

适用对象：设计与内容创作。自动收录 · 待核查。

原作者说明节选

从固定版本的 SKILL.md 提取，保留原文语言。以下内容属于作者说明，本站尚未验证安装、兼容或运行结果。

查看英文原文

原文涵盖的主题

UI/UX Pro Max - Design Intelligence
When to Apply
Rule Categories by Priority
Quick Reference
1. Accessibility (CRITICAL)
2. Touch & Interaction (CRITICAL)
3. Performance (HIGH)
4. Layout & Responsive (HIGH)

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. Reference these guidelines when: Designing new UI components or pages Choosing color palettes and typography Reviewing code for UX issues Building landing pages or dashboards Implementing accessibility requirements | Priority | Category | Impact | Domain | |----------|----------|--------|--------| | 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 | color-contrast - Minimum 4.5:1 ratio for normal text focus-states - Visible focus rings on interactive elements alt-text - Descriptive alt text for meaningful images aria-labels - aria-label for icon-only buttons keyboard-nav - Tab order matches visual order form-labels - Use label with for attribute touch-target-size - Minimum 44x

这里只展示节选，请以完整原文和当前要求为准。

来源仓库: davila7/claude-code-templates
源文件: cli-tool/components/skills/creative-design/ui-ux-pro-max/SKILL.md
固定版本: 21be197f100a12b8d0dd9a211cc244c8179f84d3

阅读完整原作者说明 ↗

来源与内容状态

本条为自动发现的元数据，尚未完成人工文档核查；适用性与运行结果待核查。

原作者：davila7/claude-code-templates · 原作者仓库元数据。文档核查：未核查。最近来源检查：2026-11-09T14:01:43.899Z。

分类由名称、说明与路径规则生成，分类不代表已核实适配。

许可与权利归属

MIT。第三方内容及版权归原作者，使用条件以原文为准。

许可原文 ↗

本站没有因同步、复制或用户自报成功而将资源标为运行验证通过。

原作者项目 ↗原始使用说明 ↗

限制与注意事项

元数据收录不代表本站已经安装、适配、实测或进行安全审查。