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.

主な機能

01Professional typography pairings with ready-to-use Google Fonts imports.

021 GitHub stars

03Domain-specific recommendations for SaaS, Dashboards, E-commerce, and Landing Pages.

04Framework-specific guidelines for React, Vue, Svelte, Tailwind, and Mobile stacks.

05Searchable database of 50+ UI styles and 21 curated color palettes.

06Integrated UX audit checklist for accessibility, contrast, and responsiveness.

ユースケース

01Rapidly prototyping high-conversion landing pages using modern Tailwind CSS patterns.

02Developing data-heavy dashboards with optimized chart types and clean layout systems.

03Refactoring legacy frontend code to improve mobile responsiveness and visual consistency.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add straydragon/my-claude-skills ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill