← All skills
ui-ux-pro-max
55 / 100 · Review before installing
Check before installing.
By anubhavg-icpl/vibe (GitHub) · design · 13 stars · scanned at commit d51e7ac
Comprehensive design guide for web and mobile applications. Use when designing new UI components or pages, choosing color palettes and typography, or reviewing code for UX issues.
Works with any agent that supports SKILL.md skills.
What this skill can do
Runs commands on your computer
The author does not mention this.
Found in 73 places.
Show 17 more
- skills/ag-ui-ux-pro-max/SKILL.md, line 142
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "<product_type> <industry> <keywords>" --design-system [-p "Project Name"] - skills/ag-ui-ux-pro-max/SKILL.md, line 153
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "beauty spa wellness service" --design-system -p "Serenity Spa" - skills/ag-ui-ux-pro-max/SKILL.md, line 161
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "<keyword>" --domain <domain> [-n <max_results>] - skills/ag-ui-ux-pro-max/SKILL.md, line 179
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "<keyword>" --stack html-tailwind - skills/ag-ui-ux-pro-max/SKILL.md, line 232
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "beauty spa wellness service elegant" --design-system -p "Serenity Spa" - skills/ag-ui-ux-pro-max/SKILL.md, line 241
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "animation accessibility" --domain ux - skills/ag-ui-ux-pro-max/SKILL.md, line 250
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "layout responsive form" --stack html-tailwind - skills/ag-ui-ux-pro-max/SKILL.md, line 263
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "fintech crypto" --design-system - .claude/settings.json, line 9
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" pre-bash'", - .claude/settings.json, line 19
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" pre-edit'", - .claude/settings.json, line 31
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" post-edit'", - .claude/settings.json, line 41
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" post-bash'", - .claude/settings.json, line 52
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" route'", - .claude/settings.json, line 63
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" session-restore'", - .claude/settings.json, line 68
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/auto-memory-hook.mjs\" import'", - .claude/settings.json, line 79
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" session-end'", - .claude/settings.json, line 90
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/auto-memory-hook.mjs\" sync'",
and 53 more places
Downloads and installs other software
The author does not mention this. It runs automatically when the plugin is installed.
Found in 16 places.
Show 13 more
- skills/ag-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/ag-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/ag-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/ - .claude/settings.json, line 166
"Bash(npx @claude-flow*)", - .claude/settings.json, line 167
"Bash(npx claude-flow*)", - .mcp.json, line 4
"command": "npx", - hooks/cmods/README.md, line 96
npx eslint --fix "$FILE" 2>/dev/null - hooks/cmods/post-edit-format.sh, line 29
npx prettier --write "$FILE" 2>/dev/null && FORMATTED=true - hooks/cmods/post-edit-format.sh, line 32
npx biome format --write "$FILE" 2>/dev/null && FORMATTED=true - hooks/cmods/post-edit-format.sh, line 80
npx prettier --write "$FILE" 2>/dev/null && FORMATTED=true - hooks/cmods/post-edit-format.sh, line 86
npx prettier --write "$FILE" 2>/dev/null && FORMATTED=true - hooks/cmods/pre-commit-lint.sh, line 38
echo "$files" | xargs npx eslint --max-warnings 0 2>/dev/null - hooks/hooks.json, line 106
"command": "#!/bin/bash\n# Run TypeScript check after editing TS files\ninput=$(cat)\nfile_path=$(echo \"$input\" | jq -r '.tool_input.file_path // \"\"')\n\nif
Sends data to these websites: nextjs.org, nuxt.com, kit.svelte.dev
The author does not mention this.
Found in 10 places.
Show 7 more
- skills/ag-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/ag-ui-ux-pro-max/data/stacks/nextjs.csv, line 14
13,DataFetching,Configure caching explicitly (Next.js 15+),Next.js 15 changed defaults to uncached for fetch,Explicitly set cache: 'force-cache' for static data - skills/ag-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 } = a - skills/ag-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/ag-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 cal - skills/ag-ui-ux-pro-max/data/stacks/react.csv, line 41
40,ErrorHandling,Handle async errors,Catch errors in async operations,try/catch in async handlers,Unhandled promise rejections,try { await fetch() } catch(e) {} - skills/ag-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
Reads your saved credentials, such as SSH keys or .env files
The author does not mention this. It runs automatically when the plugin is installed.
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/anubhavg-icpl/vibe' "$d" && git -C "$d" checkout --quiet 'd51e7ac9a34111cd2e63daed83c2198f91570050' -- 'skills/ag-ui-ux-pro-max' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/ag-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 anubhavg-icpl/vibe shows the score of its lowest-scoring skill.
[](https://zalavijaysinh.github.io/skilltrust/repos/anubhavg-icpl/vibe/)
Score history
| Date | Version | Score |
|---|
| 2026-11-08 | d51e7ac | 55 |