ui-ux-pro-max

Name: ui-ux-pro-max
Rating: 5 (797 reviews)
Author: nextlevelbuilder

"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."

TL;DR

UI/UX design intelligence with 50 styles, 21 palettes, 50 font pairings, 20 charts, and stack-specific best practices.

What Is It

Database of UI styles, palettes, fonts, and charts
Stack-specific design guidelines (React, Vue, etc.)
Product, style, and UX recommendations by domain
Searchable design intelligence for real-time decisions

Key Features

50 UI styles including glassmorphism, minimalism, neumorphism
21 color palettes by product type and industry
50 font pairings with Google Fonts imports
20 chart types and library recommendations
Stack-specific best practices (React, Tailwind, etc.)
Default stack: html-tailwind (responsive, a11y)
Searchable domains: product, style, typography, color, landing, chart, ux
Critical UX rules: no emoji icons, use cursor-pointer

How to Use

1.Analyze user requirements: product type, style, industry, stack
2.Run search.py for each domain (product, style, typography, color, landing, chart, ux)
3.Apply stack-specific guidelines (default: html-tailwind)
4.Synthesize results into a complete design system
5.Iterate with refined keywords and domains
6.Always check UX: animation, accessibility, z-index

Guardrails & Gotchas

No emoji icons - use SVG icons (Heroicons, Lucide, Simple Icons)
Use cursor-pointer on all clickable/hoverable elements
Avoid unstable hover states (use color/opacity, not scale transforms)
Use consistent icon sizing (24x24, w-6 h-6)
Never guess brand logos - research official SVG from Simple Icons

GitHub Stats

Author

@nextlevelbuilder

Repository

nextlevelbuilder/ui-ux-pro-max...

Stars

797

Explore More Skills

move-code-quality

@davila7

Analyzes Move language packages against the official Move Book Code Quality Checklist. Use this skill when reviewing Move code, checking Move 2024 Edition compliance, or analyzing Move packages for best practices. Activates automatically when working with .move files or Move.toml manifests.

12.4k

1.1k

1w ago

ui-ux-pro-max

Explore More Skills

move-code-quality

e2e-testing-patterns

testing-anti-patterns