← All skills
ui-ux-pro-max
57 / 100 · Review before installing
Check before installing.
By nextlevelbuilder/ui-ux-pro-max-skill (GitHub) · design · 148,019 stars · scanned at commit 6ae86f6
UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 80 searchable styles (51 active), 192 product palettes and reasoning profiles, 74 font pairings, 120 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.
Works with any agent that supports SKILL.md skills.
What this skill can do
Runs commands on your computer
This is disclosed by the author in the skill's SKILL.md or README.
Found in 15 places.
Show 12 more
- .claude/skills/ui-ux-pro-max/SKILL.md, line 95
python "${CLAUDE_PLUGIN_ROOT}/.claude/skills/ui-ux-pro-max/scripts/search.py" "<query>" --design-system --persist -p "Project Name" --output-dir "<project-root> - .claude/skills/ui-ux-pro-max/SKILL.md, line 118
python "${CLAUDE_PLUGIN_ROOT}/.claude/skills/ui-ux-pro-max/scripts/search.py" "<query>" --design-system --variance <1-10> --motion <1-10> --density <1-10> - .claude/skills/ui-ux-pro-max/SKILL.md, line 133
python "${CLAUDE_PLUGIN_ROOT}/.claude/skills/ui-ux-pro-max/scripts/search.py" "internal analytics dashboard" --design-system --variance 8 --motion 7 --density 8 - .claude/skills/ui-ux-pro-max/SKILL.md, line 139
python "${CLAUDE_PLUGIN_ROOT}/.claude/skills/ui-ux-pro-max/scripts/search.py" "<keyword>" --domain <domain> [-n <max_results>] - .claude/skills/ui-ux-pro-max/SKILL.md, line 163
python "${CLAUDE_PLUGIN_ROOT}/.claude/skills/ui-ux-pro-max/scripts/search.py" "<keyword>" --stack <stack> - .claude/skills/ui-ux-pro-max/SKILL.md, line 183
python "${CLAUDE_PLUGIN_ROOT}/.claude/skills/ui-ux-pro-max/scripts/search.py" "AI search tool modern minimal" --design-system -p "AI Search" - .claude/skills/ui-ux-pro-max/scripts/tests/test_catalog_refresh.py, line 26
return subprocess.run( - .claude/skills/ui-ux-pro-max/scripts/tests/test_core.py, line 256
processes = [subprocess.Popen( - .claude/skills/ui-ux-pro-max/scripts/tests/test_core.py, line 260
stdout=subprocess.PIPE, stderr=subprocess.PIPE, text=True, - .claude/skills/ui-ux-pro-max/scripts/tests/test_design_system_stack.py, line 34
return subprocess.run( - .claude/skills/ui-ux-pro-max/scripts/tests/test_ime_composition.py, line 102
completed = subprocess.run( - .claude/skills/ui-ux-pro-max/scripts/tests/test_rtl_support.py, line 136
return subprocess.run(
Sends data to these websites: docs.astro.build, laravel.com, nextjs.org, nuxt.com, react.dev, kit.svelte.dev
The author does not mention this.
Found in 16 places.
Show 13 more
- .claude/skills/ui-ux-pro-max/data/stacks/astro.csv, line 20
19,Data,Fetch in frontmatter,Data fetching in component frontmatter,Top-level await in frontmatter,useEffect for initial data,const data = await fetch(url),clie - .claude/skills/ui-ux-pro-max/data/stacks/laravel.csv, line 12
11,Livewire,Use wire:click for actions,Bind UI events to component methods cleanly,wire:click for buttons and interactive elements,JavaScript fetch calls replic - .claude/skills/ui-ux-pro-max/data/stacks/laravel.csv, line 21
20,Inertia.js,Use useForm for form state and submission,Inertia's useForm manages progress errors and transforms,"useForm for all page-level forms, form.post() - .claude/skills/ui-ux-pro-max/data/stacks/nextjs.csv, line 13
12,DataFetching,Fetch data in Server Components,Fetch directly in async Server Components,async function Page() { const data = await fetch() },useEffect for ini - .claude/skills/ui-ux-pro-max/data/stacks/nextjs.csv, line 14
13,DataFetching,Configure caching explicitly (Next.js 16.2+),Next.js 16 uses Cache Components and explicit cache directives instead of assuming fetch is the cac - .claude/skills/ui-ux-pro-max/data/stacks/nuxtjs.csv, line 10
9,DataFetching,Use useFetch for simple data fetching,Wrapper around useAsyncData for URL fetching,useFetch for API calls,$fetch in onMounted,const { data } = aw - .claude/skills/ui-ux-pro-max/data/stacks/nuxtjs.csv, line 12
11,DataFetching,Use $fetch for non-reactive requests,$fetch for event handlers and non-component code,$fetch in event handlers or server routes,useFetch in clic - .claude/skills/ui-ux-pro-max/data/stacks/nuxtjs.csv, line 30
29,State,Use callOnce for one-time async operations,Ensure async operations run only once,callOnce for store initialization,Direct await in component,await call - .claude/skills/ui-ux-pro-max/data/stacks/nuxtjs.csv, line 61
60,DataFetching,Keep async-data handlers pure,Keep useAsyncData handlers side-effect free and use stable explicit keys,Return a value from a pure handler with c - .claude/skills/ui-ux-pro-max/data/stacks/nuxtjs.csv, line 62
61,DataFetching,Respect SSR request boundaries,Use relative useFetch URLs to proxy safe request headers and cookies; forward only an explicit allowlist to exter - .claude/skills/ui-ux-pro-max/data/stacks/react.csv, line 65
64,Hooks,Use use() with stable promises or context,Reads context or suspends on a promise until it resolves.,Pass a cached or otherwise stable promise to use(), - .claude/skills/ui-ux-pro-max/data/stacks/svelte.csv, line 45
44,SvelteKit,Use form actions,Server-side form handling,+page.server.js actions,API routes for forms,export const actions = { default },fetch('/api/submit'),Med - .claude/skills/ui-ux-pro-max/scripts/tests/test_web_stack_freshness.py, line 185
"fetch(url {", _rows("nextjs")[12]["Code Good"].casefold()
Downloads and installs other software
The author does not mention this.
Found in 12 places.
Show 9 more
- .claude/skills/ui-ux-pro-max/data/stacks/astro.csv, line 54
53,Build,Configure built-in prefetch,Preload likely next pages with Astro's built-in prefetch configuration,Set prefetch true or use data-astro-prefetch,Install - .claude/skills/ui-ux-pro-max/data/stacks/shadcn.csv, line 2
1,Setup,Use CLI for installation,Use CLI v4 to resolve the selected base dependencies and registry items,npx shadcn@latest add component-name,Bypass CLI resolut - .claude/skills/ui-ux-pro-max/data/stacks/shadcn.csv, line 3
2,Setup,Initialize project properly,Run init command to set up components.json and globals.css,npx shadcn@latest init before adding components,Skip init and add - .claude/skills/ui-ux-pro-max/data/stacks/shadcn.csv, line 51
50,Blocks,Use blocks for scaffolding,Start from shadcn blocks for common layouts,npx shadcn@latest add dashboard-01,Build dashboard from scratch,npx shadcn@late - .claude/skills/ui-ux-pro-max/data/stacks/shadcn.csv, line 62
61,Setup,Select an explicit component base,CLI v4 supports base radix and aria; Base UI is the new-project default while existing projects retain their base,Pin - .claude/skills/ui-ux-pro-max/data/stacks/shadcn.csv, line 64
63,Registry,Inspect CLI changes before writing,Use CLI v4 dry-run diff and view plus info and docs to inspect project and registry state,npx shadcn@latest add b - .claude/skills/ui-ux-pro-max/data/stacks/shadcn.csv, line 65
64,Registry,Install public GitHub registries directly,A public repository with root registry.json can be addressed as owner/repo/item,npx shadcn@latest add owne - .claude/skills/ui-ux-pro-max/data/stacks/shadcn.csv, line 66
65,Setup,Use CLI presets and apply workflows,Use CLI v4 preset and apply for repeatable project configuration,npx shadcn@latest preset then apply,Manually repro - .claude/skills/ui-ux-pro-max/data/stacks/vue.csv, line 49
48,SSR,Use Nuxt for SSR,Full-featured SSR framework,Nuxt 3 for SSR apps,Manual SSR setup,npx nuxi init my-app,Custom SSR configuration,Medium,https://nuxt.com/,
Reads your saved credentials, such as SSH keys or .env files
The author does not mention this.
Found in 1 place.
Safer alternatives
Low-risk skills in the same category (design) that look related. Check that one does what you need.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'ui-ux-pro-max' ] || [ -L ~/.agents/skills/'ui-ux-pro-max' ]; then echo 'A skill folder named ui-ux-pro-max already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/nextlevelbuilder/ui-ux-pro-max-skill' "$d" && git -C "$d" checkout --quiet '6ae86f61f520d6ca229d2f40e070410638c908c5' -- '.claude/skills/ui-ux-pro-max' && mkdir -p ~/.agents/skills && cp -R "$d"/'.claude/skills/ui-ux-pro-max' ~/.agents/skills/'ui-ux-pro-max' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'ui-ux-pro-max' ~/.claude/skills/'ui-ux-pro-max' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
The badge for nextlevelbuilder/ui-ux-pro-max-skill shows the score of its lowest-scoring skill.
[](https://zalavijaysinh.github.io/skilltrust/repos/nextlevelbuilder/ui-ux-pro-max-skill/)
Score history
| Date | Version | Score |
|---|
| 2026-11-11 | 6ae86f6 | 57 |
| 2026-11-08 | 4f2dbb6 | 57 |
| 2026-11-07 | 0da327f | 57 |