ui-ux-pro-max
描述
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind).
如何使用
- 访问 GitHub 仓库获取 SKILL.md 文件
- 将文件复制到您的项目根目录或 .cursor/rules 目录
- 重启您的 AI 助手或编辑器以应用新技能
完整技能说明
name
ui-ux-pro-max
description
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). 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.
Tags
关于 ui-ux-pro-max
ui-ux-pro-max 是一个 frontend 类别的 AI 技能，旨在帮助开发者和用户更高效地使用 AI 工具。UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind).
该技能在 GitHub 上获得了 1,000 个 star，表明它在社区中受到广泛认可。它兼容 claude、codex 等平台。
核心能力
为什么使用 ui-ux-pro-max
将 ui-ux-pro-max 添加到您的 AI 工作流中可以显著提升在 frontend 领域的工作效率。通过预定义的提示模板和最佳实践，这个技能可以帮助 AI 助手更好地理解您的需求并提供更准确的响应。
无论您使用 claude 还是 codex，都可以轻松集成此技能到您现有的开发环境中。
探索更多 frontend 技能
发现更多 frontend 类别的 AI 技能，帮助您构建全面的 AI 技能栈。
相关技能
web-artifacts-builder
使用 React、Tailwind CSS 和 shadcn/ui 创建复杂多组件 HTML 工件的工具套件。
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications.
react-modernization
Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features.
nextjs-app-router-patterns
Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching.
react-native-architecture
Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns.