/ui-ux-pro-max
A design brain you invoke inside your build. It carries 84 visual styles, real color systems, font pairings, UX law, chart logic and per-stack code — then composes them into interfaces that don't look AI-generated.
This page is the field guide: browse every style in its own palette, see what each is for, copy the exact prompt the skill runs, and prototype it in your brand. It is itself built to the skill's rules.
Eleven indexed knowledge bases, not vibes.
Every recommendation is looked up from structured data — consistent, defensible, and specific to your product type.
All 84 styles, each in its own palette.
Search, filter by surface, or pick a use-case. Open any specimen for keywords, best-fit uses, effects, live swatches, and the ready-to-paste prompt.
Point it at a product. Get a grounded direction.
The same lookup the skill runs — pick a product and it returns a primary style, backups, a real color-token set, type mood and landing pattern. Pre-mapped to your three ventures; try any of 161.
Skin it in your brand. Watch it build, live.
Set a name, drop a logo, tune the palette (or pull it from your logo), pick a style — a real landing page renders as you go. Download it as a standalone file to run online.
Style is one layer. It stacks five.
Ask for a screen and the skill assembles the answer from every drawer at once — not just an aesthetic, a working spec.
Product type → direction
Maps your product (of 161) to a primary style, backup styles, and a landing pattern.
Color system
Pulls a full token set — primary, on-primary, surface, semantic — not just a hero hue.
Type pairing
Heading + body pairing tuned to mood, drawn from a 1,923-family font index.
UX + charts
Applies 99 do/don't rules and picks the right chart for each data shape.
The four-move workflow.
You don't memorize 84 styles — you tell the skill the job and let the index do the recall. This is the loop that lands a great result on the first pass.
Name the subject
State the product, audience, and the one job of the screen. Specificity is the whole game.
Pin or let it pick
Name a style from this catalog, or say the vibe and let it recommend from product data.
Name your stack
React, Vue, Svelte, SwiftUI, Flutter, Tailwind, shadcn… it emits idiomatic code for it.
Review & iterate
Ask it to review or improve — it re-checks against the same UX and a11y rules.
# let it choose the direction from your product type /ui-ux-pro-max build a fintech dashboard, dark, for day-traders # pin an exact style from this catalog /ui-ux-pro-max landing page in Bento Box Grid + Aurora UI, Next.js + Tailwind # hand it a rough draft to fix /ui-ux-pro-max review this checkout and improve conversion & a11y