How do I use this skill within Claude Code?

Once installed, simply request a UI task. The skill will use a search script to gather design context for your specific product type and stack before generating code.

Can it help with accessibility compliance?

Yes, the skill includes a dedicated 'ux' search domain and a pre-delivery checklist to ensure your UI meets contrast, navigation, and accessibility standards.

What frameworks does UI/UX Pro Max support?

It supports a wide range of tech stacks including HTML/Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.

How does the skill improve my frontend code?

It provides domain-specific intelligence for color theory, typography, and layout before implementation, ensuring the generated code follows professional design standards.

UI/UX Pro Max - Frontend Design Intelligence

Name: UI/UX Pro Max - Frontend Design Intelligence
Author: khoi1009

bykhoi1009

디자인 도구

Accelerates frontend development by providing design patterns, color palettes, and stack-specific UI/UX guidelines for professional web and mobile interfaces.

소개

UI/UX Pro Max is a comprehensive design intelligence skill that equips developers with a searchable database of professional UI styles, accessible color palettes, and optimized typography pairings. It streamlines the frontend workflow from planning to implementation by offering domain-specific guidance for various products like SaaS dashboards, landing pages, and e-commerce platforms. Supporting multiple frameworks including React, Vue, and Tailwind CSS, it ensures high-quality visual results while enforcing industry best practices for accessibility, interaction design, and cross-platform responsiveness.

주요 기능

Searchable database of 50+ UI styles including Glassmorphism, Minimalism, and Neumorphism.
Intelligent color palette and font pairing recommendations tailored to specific industry domains.
Automated search workflows for product types, UX best practices, and responsive layout structures.
Framework-specific implementation guides for React, Next.js, Vue, Svelte, and mobile stacks.
Pre-delivery quality checklists covering accessibility, visual consistency, and interaction feedback.
0 GitHub stars

사용 사례

Generating high-conversion landing pages with optimized typography and strategic CTA placement.
Building data-rich analytics dashboards featuring accessible charts and responsive grid layouts.
Refactoring existing CSS or Tailwind code to improve visual aesthetics and meet accessibility standards.

소개

주요 기능

Searchable database of 50+ UI styles including Glassmorphism, Minimalism, and Neumorphism.
Intelligent color palette and font pairing recommendations tailored to specific industry domains.
Automated search workflows for product types, UX best practices, and responsive layout structures.
Framework-specific implementation guides for React, Next.js, Vue, Svelte, and mobile stacks.
Pre-delivery quality checklists covering accessibility, visual consistency, and interaction feedback.
0 GitHub stars

사용 사례

Generating high-conversion landing pages with optimized typography and strategic CTA placement.
Building data-rich analytics dashboards featuring accessible charts and responsive grid layouts.
Refactoring existing CSS or Tailwind code to improve visual aesthetics and meet accessibility standards.