← All skills
ui-ux-pro-max
80 / 100 · Low risk
Fine to try.
By Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI (GitHub) · design · 512 stars · scanned at commit c4a059b
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: …
Works with any agent that supports SKILL.md skills.
What this skill can do
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
- .agent/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 - .agent/skills/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 - .agent/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 } = a - .agent/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 - .agent/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 cal - .agent/skills/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) {} - .agent/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
Downloads and installs other software
The author does not mention this.
Found in 6 places.
Show 3 more
- .agent/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/ - .agent/skills/ui-ux-pro-max/sub-skills/8-charts-data-low.md, line 25
brew install python3 - .agent/skills/ui-ux-pro-max/sub-skills/8-charts-data-low.md, line 30
sudo apt update && sudo apt install python3
Other copies in this repository
Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI 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/Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI' "$d" && git -C "$d" checkout --quiet 'c4a059bbf7a8d6b2162071f0fbfe74053faa6d20' -- '.agent/skills/ui-ux-pro-max' && mkdir -p ~/.agents/skills && cp -R "$d"/'.agent/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 Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI shows the score of its lowest-scoring skill.

[](https://zalavijaysinh.github.io/skilltrust/repos/Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI/)
Score history
| Date | Version | Score |
|---|
| 2026-11-08 | c4a059b | 100 |
Also found in
Identical copies of this skill exist at:
- Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI/tests/manual-test-project/.agent/skills/ui-ux-pro-max