skills.rest
yuquanliu1-dot
yuquanliu1-dotCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate stack-specific UI/UX style guidance from domain reference data.

Updated Aug 23, 2026
Search Tags:#typography#accessibility#react#design system#color palette#tailwind#ui ux
One-click install
npx skills add https://github.com/yuquanliu1-dot/Test --skill ui-ux-pro-max-yuquanliu1-dot
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/yuquanliu1-dot/Test/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/yuquanliu1-dot/Test --skill ui-ux-pro-max-yuquanliu1-dot

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill reduces guesswork and inconsistency in UI/UX work by rapidly surfacing style, palette, typography, chart, landing, and UX guidance tailored to product and stack needs.

Core Features & Use Cases

  • Stack-aware UI implementation guidance: Finds best practices for html-tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.
  • Design-system building blocks: Generates recommendations for color palettes, font pairings, UI styles, component patterns, charts, and UX do/don’t rules.
  • Practical outcomes: Use it when building a landing page, dashboard, admin panel, SaaS UI, e-commerce storefront, or when improving accessibility, spacing, hover states, and light/dark contrast.

Quick Start

Ask for a UI/UX plan by describing your product type, desired style keywords, and target stack, then request the design system and implementation checklist.

Frequently Asked Questions about ui-ux-pro-max

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up a UI design system with the right typography and color palette for my stack?▼

To set up a UI design system, provide your product type, desired style, and target stack. The skill generates tailored guidance for typography, color palettes, font pairings, and component patterns, referencing stack-specific implementation rules for frameworks like React, Next.js, or html-tailwind.

Does this UI/UX guidance tool support implementation rules for React Native and Flutter?▼

Yes, UI/UX guidance supports React Native and Flutter. It searches stack-specific implementation rules alongside domain-specific reference data, providing actionable design system recommendations and best practices for mobile and cross-platform frontend development.

What's the best way to review UX do's and don'ts for a SaaS dashboard?▼

The best way to review UX do's and don'ts for a SaaS dashboard is to request a UX review. The skill surfaces domain-specific guidance on accessibility, spacing, hover states, and light/dark contrast, ensuring your dashboard interface follows established UX rules.

Can I generate landing page and e-commerce storefront design recommendations?▼

Yes, you can generate landing page and e-commerce storefront design recommendations. Describe your product type and style keywords, and the skill outputs UI style guidance, chart selections, and implementation checklists tailored to your specific e-commerce or landing page context.

How do I get a UI implementation checklist for a Vue or Svelte frontend?▼

To get a UI implementation checklist for Vue or Svelte, specify these frameworks as your target stack. The skill loads stack-specific CSV data to output best practices, ensuring your frontend components adhere to correct styling and accessibility guidelines.

Why should I use a structured approach for UI/UX system design instead of guessing?▼

A structured approach for UI/UX system design reduces guesswork and inconsistency. By searching domain-specific reference data, the skill rapidly surfaces tailored style, palette, and typography guidance, ensuring your product interfaces are both visually consistent and accessible.

Related Skills

Explore More Design & Creative Skills→
koki3141koki3141
2

ui-ux-pro-max

Generate design systems for UI/UX projects using Python scripts.

Community
Advanced
dirnbauerdirnbauer
33

frontend-design

Design frontend interfaces with typography, color palettes, motion, and CSS/HTML examples.

Community
Basic
MassimilianoPiliMassimilianoPili

tailwind-css-patterns

Guide Tailwind CSS utility-first styling with responsive and layout patterns.

Community
Intermediate
ayushrathore1ayushrathore1

UI/UX Pro Max

Generate UI/UX design systems with stack-specific implementation guidelines.

Community
Advanced