Can this skill help with dark mode implementation?

Yes, it provides specific guidelines for light and dark mode contrast, glassmorphism transparency, and border visibility for both modes.

Can I use this for mobile app design?

Yes, it contains specialized modules for mobile development using SwiftUI, React Native, and Flutter.

What frontend frameworks are supported?

UI/UX Pro Max supports a variety of stacks including HTML-Tailwind (default), React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.

Does it include accessibility best practices?

Absolutely. It includes a pre-delivery checklist covering ARIA labels, alt text, keyboard navigation, and color contrast ratios.

How do I activate the design search?

The skill uses a Python search script to query specific domains like 'style', 'color', 'typography', or 'ux' to gather context before implementation begins.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: CongDon1207

byCongDon1207

•

デザインツール

Provides high-level design intelligence and implementation patterns for creating stunning, professional-grade frontend interfaces.

概要

UI/UX Pro Max is an advanced design intelligence skill for Claude Code that bridges the gap between development and design. It offers a searchable database of over 50 UI styles—including Glassmorphism, Bento Grid, and Neumorphism—alongside 21 curated color palettes and 50 font pairings. Whether building SaaS dashboards, e-commerce platforms, or mobile apps, this skill provides stack-specific guidance for frameworks like React, Next.js, and Tailwind CSS. It ensures production-ready results by enforcing professional UI rules, accessibility standards, and a rigorous pre-delivery checklist.

主な機能

Stack-specific guidelines for React, Vue, Svelte, and Mobile frameworks
1 GitHub stars
Searchable database of 50+ UI styles and 21+ color palettes
Professional UI checklist for accessibility, dark mode, and responsive design
Smart font pairing recommendations with Google Fonts integration
Domain-specific recommendations for SaaS, dashboards, and landing pages

ユースケース

Implementing complex data dashboards with proper chart and layout logic
Refactoring existing CSS or Tailwind code to meet professional design standards
Generating high-conversion landing pages with modern aesthetic styles

概要

主な機能

Stack-specific guidelines for React, Vue, Svelte, and Mobile frameworks
1 GitHub stars
Searchable database of 50+ UI styles and 21+ color palettes
Professional UI checklist for accessibility, dark mode, and responsive design
Smart font pairing recommendations with Google Fonts integration
Domain-specific recommendations for SaaS, dashboards, and landing pages

ユースケース

Implementing complex data dashboards with proper chart and layout logic
Refactoring existing CSS or Tailwind code to meet professional design standards
Generating high-conversion landing pages with modern aesthetic styles