How do I start a new design with this skill?

You can start by using the --design-system flag followed by your product type and keywords to have Claude generate a complete visual identity and design reasoning.

What tech stacks does UI/UX Pro Max support?

It supports 9 major stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind CSS, and shadcn/ui.

Can it help with web accessibility?

Yes, accessibility is the skill's top priority, providing critical rules for color contrast, ARIA labels, focus states, and keyboard navigation.

Does it provide data visualization guidance?

Yes, it includes 25+ chart types with specific guidance on matching data types to the most effective visualization patterns and accessible color palettes.

Can it optimize my existing UI code?

Absolutely. Use the review or fix actions to have Claude identify and resolve UI inconsistencies, layout shifts, or unprofessional styling in your CSS/TSX files.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: Nam0101

byNam0101

•

デザインツール

Provides comprehensive UI/UX design intelligence and implementation patterns for modern web and mobile applications.

UI/UX Pro Max is a sophisticated design intelligence skill that equips Claude with a massive database of 50+ visual styles, 97 color palettes, and 57 font pairings to streamline the frontend development process. It offers domain-specific guidance across 9 major technology stacks, including React, Next.js, and Tailwind CSS, while prioritizing accessibility and performance. Developers can use this skill to instantly generate cohesive design systems, select professional-grade components, and ensure their interfaces adhere to industry-standard UX best practices from the start of the project.

主な機能

01Comprehensive design system generation with curated palettes and font pairings

02Tech-stack specific implementation guides for React, Next.js, Vue, SwiftUI, and Flutter

03Built-in accessibility and performance auditing based on WCAG standards

041 GitHub stars

05Searchable database of 25+ chart types and data visualization best practices

06Access to 50+ modern UI styles including Glassmorphism, Bento Grid, and Neumorphism

ユースケース

01Auditing existing frontend code for accessibility (A11y) and mobile responsiveness

02Rapidly prototyping landing pages or SaaS dashboards with professional design systems

03Implementing specific visual styles like Glassmorphism or Claymorphism within Tailwind CSS

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nam0101/video-speed ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill