What does the UI/UX Pro Max skill do?

It provides Claude Code with a professional design system database, allowing the AI to recommend and implement specific UI styles, color palettes, and UX best practices during the coding process.

Can it help with web accessibility?

Yes, it includes detailed UX guidelines and a pre-delivery checklist to ensure your interfaces meet accessibility standards, contrast requirements, and are screen-reader friendly.

How does it handle icons and brand logos?

The skill follows professional rules by avoiding emojis and instead recommending SVG icon sets like Heroicons or Lucide, and sourcing official brand logos via Simple Icons.

Which frontend frameworks are supported?

The skill supports a wide range of stacks including React, Next.js, Vue, Svelte, and Tailwind CSS, as well as mobile frameworks like SwiftUI, React Native, and Flutter.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: StrayDragon

byStrayDragon

•

デザインツール

Empowers frontend development with expert design intelligence, offering a vast library of UI styles, color palettes, and stack-specific best practices for professional interfaces.

概要

UI/UX Pro Max is a comprehensive design intelligence skill for Claude Code that bridges the gap between functional code and high-end aesthetic design. It provides instant access to a searchable database of over 50 UI styles (like Glassmorphism and Bento Grid), 21 color palettes, and 50 font pairings, alongside implementation guidelines for popular frameworks including React, Next.js, and Flutter. By systematically analyzing product requirements and applying industry-standard UX principles, this skill ensures that generated interfaces are visually stunning, accessible, and production-ready with minimal manual tweaking.

主な機能

Professional typography pairings with ready-to-use Google Fonts imports.
1 GitHub stars
Domain-specific recommendations for SaaS, Dashboards, E-commerce, and Landing Pages.
Framework-specific guidelines for React, Vue, Svelte, Tailwind, and Mobile stacks.
Searchable database of 50+ UI styles and 21 curated color palettes.
Integrated UX audit checklist for accessibility, contrast, and responsiveness.

ユースケース

Rapidly prototyping high-conversion landing pages using modern Tailwind CSS patterns.
Developing data-heavy dashboards with optimized chart types and clean layout systems.
Refactoring legacy frontend code to improve mobile responsiveness and visual consistency.

概要

主な機能

Professional typography pairings with ready-to-use Google Fonts imports.
1 GitHub stars
Domain-specific recommendations for SaaS, Dashboards, E-commerce, and Landing Pages.
Framework-specific guidelines for React, Vue, Svelte, Tailwind, and Mobile stacks.
Searchable database of 50+ UI styles and 21 curated color palettes.
Integrated UX audit checklist for accessibility, contrast, and responsiveness.

ユースケース

Rapidly prototyping high-conversion landing pages using modern Tailwind CSS patterns.
Developing data-heavy dashboards with optimized chart types and clean layout systems.
Refactoring legacy frontend code to improve mobile responsiveness and visual consistency.