← All skills
ui-ux-pro-max
55 / 100 · Review before installing
Check before installing.
By lev-os/agents (GitHub) · design · 28 stars · scanned at commit b247a6d
Comprehensive design guide for web and mobile applications. Contains 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks.
Works with any agent that supports SKILL.md skills.
What this skill can do
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
- skills-db/creative/aiuxplayground-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 - skills-db/creative/aiuxplayground-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 - skills-db/creative/aiuxplayground-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() - skills-db/creative/aiuxplayground-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 - skills-db/creative/aiuxplayground-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 - skills-db/creative/aiuxplayground-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 - skills-db/creative/aiuxplayground-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 - skills-db/creative/aiuxplayground-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 - skills-db/creative/aiuxplayground-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 - skills-db/creative/aiuxplayground-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 - skills-db/creative/aiuxplayground-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(), - skills-db/creative/aiuxplayground-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 - skills-db/creative/aiuxplayground-ui-ux-pro-max/scripts/tests/test_web_stack_freshness.py, line 171
"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
- skills-db/creative/aiuxplayground-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 - skills-db/creative/aiuxplayground-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 - skills-db/creative/aiuxplayground-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 - skills-db/creative/aiuxplayground-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 - skills-db/creative/aiuxplayground-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 - skills-db/creative/aiuxplayground-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 - skills-db/creative/aiuxplayground-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 - skills-db/creative/aiuxplayground-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 - skills-db/creative/aiuxplayground-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/,
Runs commands on your computer
The author does not mention this.
Found in 13 places.
Show 10 more
- skills-db/creative/aiuxplayground-ui-ux-pro-max/scripts/tests/test_design_system_stack.py, line 34
return subprocess.run( - skills-db/creative/aiuxplayground-ui-ux-pro-max/source-ir.json, line 7468
"name": "subprocess.run" - skills-db/creative/aiuxplayground-ui-ux-pro-max/source-ir.json, line 8507
"text": " return subprocess.run(" - skills-db/creative/aiuxplayground-ui-ux-pro-max/source-ir.json, line 8511
"symbol": "subprocess.run" - skills-db/creative/aiuxplayground-ui-ux-pro-max/source-ir.json, line 9788
"name": "subprocess.Popen" - skills-db/creative/aiuxplayground-ui-ux-pro-max/source-ir.json, line 9965
"text": " processes = [subprocess.Popen(" - skills-db/creative/aiuxplayground-ui-ux-pro-max/source-ir.json, line 9969
"symbol": "subprocess.Popen" - skills-db/creative/aiuxplayground-ui-ux-pro-max/source-ir.json, line 12225
"name": "subprocess.run" - skills-db/creative/aiuxplayground-ui-ux-pro-max/source-ir.json, line 12300
"text": " return subprocess.run(" - skills-db/creative/aiuxplayground-ui-ux-pro-max/source-ir.json, line 12304
"symbol": "subprocess.run"
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.
Other copies in this repository
lev-os/agents has 1 more folder with a skill named ui-ux-pro-max. This page shows the lowest-scoring copy.
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/lev-os/agents' "$d" && git -C "$d" checkout --quiet 'b247a6df3094b3f2c2780c0f34a9f05925627ffc' -- 'skills-db/creative/aiuxplayground-ui-ux-pro-max' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills-db/creative/aiuxplayground-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 lev-os/agents shows the score of its lowest-scoring skill.
[](https://zalavijaysinh.github.io/skilltrust/repos/lev-os/agents/)
Score history
| Date | Version | Score |
|---|
| 2026-11-13 | b247a6d | 55 |
| 2026-11-07 | 201a805 | 55 |