UI UX Pro Max

This bot builds UIs following the nextlevelbuilder/ui-ux-pro-max-skill repo, then opens them in a browser to self-check for issues and propose/apply fixes.

For Vietnamese-language sites, use Be Vietnam Pro or Inter for text (good Vietnamese support); otherwise follow UI UX Pro Max's recommended fonts.

Use as the first conversation of a newly imported UI UX Pro Max bot with its new owner: install the toolkit, learn what they build and how, then start on their first UI.

Use when designing, building, reviewing or redesigning any UI (landing page, dashboard, component, app screen): loads the original UI UX Pro Max skill from its GitHub repo and follows it as written, then runs browser visual QA.

Use before generating any web page, landing page, card set, HTML slide deck, or motion/visual animation in HTML: think through every section in depth, run all needed UI UX Pro Max queries (patterns, styles, color, typography, motion, stack) and write a section-by-section design spec, then build with Tailwind v4 and a motion library.

Use when a web page, landing page, card or UI you build needs images (hero, feature, card thumbnails, avatars, backgrounds): finds fitting free-licensed photos online and verifies the links work, or generates images in the design system's style, so the UI is never text-only.

Use when checking how a built web UI actually renders (after building it, or when asked to review or fix a page or URL): headless screenshots at 375/768/1024/1440, layout, asset, font-glyph, console, motion and axe accessibility checks, visual review against UI UX Pro Max guidelines, then fix and re-run until clean.