UI/UX Consultant Skill

A zero-install, multi-framework UI/UX design consultant embedded in Claude. Covers 16 frameworks with opinionated code patterns, accessibility checklists, and a curated design catalog.

Frameworks Covered

Angular · React · Vue · Next.js · Nuxt · Svelte · Astro · SwiftUI · Jetpack Compose · Flutter · React Native · HTML+Tailwind · shadcn/ui · Laravel · Three.js · Nuxt UI

Design Catalog

• 23 UI styles (Minimalist, Glassmorphism, Brutalist, Bento Grid…)
• 35 color palettes across 6 mood categories
• 31 font pairings with Google Fonts imports
• 41 product types with layout and UX prescriptions

Installation

npm install -g ui-ux-consultant-cli
uiux init --ai claude      # Claude Code
uiux init --ai cursor      # Cursor
uiux init --ai all         # All supported assistants

Usage

Just chat naturally — the skill activates automatically on UI/UX requests:

Build a data table in Angular with sorting and pagination
Design a SaaS dashboard layout in Next.js
What color palette fits a fintech mobile app?

Updating

npm update -g ui-ux-consultant-cli
uiux update --ai claude

Uninstalling

uiux uninstall --ai claude

License

MIT © Yatin Rai