skills.rest
Knguyen-data
Knguyen-dataCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Plan and validate frontend UI/UX design decisions before implementation.

Updated Dec 29, 2025
Search Tags:#typography#design#accessibility#layout#ui-ux#palette
One-click install
npx skills add https://github.com/Knguyen-data/Right-IELTS-information-system --skill ui-ux-pro-max-knguyen-data
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Knguyen-data/Right-IELTS-information-system/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Knguyen-data/Right-IELTS-information-system --skill ui-ux-pro-max-knguyen-data

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides a centralized design intelligence to plan, select, and validate frontend UI/UX decisions before implementation. It helps teams pick styles, palettes, typography, and interaction patterns to reduce design iteration time.

Core Features & Use Cases

  • Style & palette guidance: 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind).
  • Element & pattern guidance: Buttons, modals, navbars, sidebars, cards, tables, forms, charts; stack-specific best practices.
  • Implementation planning: Plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor frontend UI/UX code.
  • Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app; Styles: glassmorphism, neumorphism, minimalism, dark mode, etc.

Quick Start

Prompt: Create a cohesive design plan for a new dashboard: select a style (e.g., glassmorphism), choose a color palette, pair typography, enumerate components, and outline a two-week implementation plan.