Does it handle accessibility requirements?

Yes, accessibility is ranked as the highest priority, providing specific rules for contrast ratios, ARIA labels, and keyboard navigation.

How do I generate a design system?

Use the search.py script with the --design-system flag followed by your product type and industry keywords to get comprehensive recommendations.

Which frameworks does this skill support?

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

What is UI/UX Pro Max for Claude Code?

It is a specialized skill that provides design intelligence, patterns, and best practices directly within the Claude Code environment to help developers build better interfaces.

Can I use it for mobile development?

Absolutely, it includes specific guidelines for SwiftUI, React Native, and Flutter, focusing on touch target sizes and mobile-first interaction patterns.

UI/UX Pro Max - Advanced Design Intelligence

Name: UI/UX Pro Max - Advanced Design Intelligence
Author: claudiodearaujo

byclaudiodearaujo

デザインツール

Provides comprehensive UI/UX design patterns, color palettes, and accessibility-first implementation guidelines for modern web and mobile applications.

概要

UI/UX Pro Max is a specialized Claude Code skill designed to bridge the gap between design and development by providing instant access to over 50 UI styles, 97 color palettes, and 99 UX guidelines. It supports 9 major technology stacks including React, Next.js, and Tailwind CSS, allowing developers to generate consistent, accessible, and high-performance interfaces. Whether you are building a SaaS dashboard, a mobile app, or a landing page, this skill offers priority-based recommendations for accessibility, touch interactions, and responsive layout, ensuring professional-grade results from the first draft.

主な機能

Built-in search for color palettes, font pairings, and data visualization charts.
Comprehensive design library with 50+ styles including glassmorphism and bento grids.
Priority-based UX guidelines focusing on accessibility (A11y) and performance.
0 GitHub stars
Automated design system generation tailored to specific industries and products.
Support for 9 technology stacks including React, Vue, Svelte, and Flutter.

ユースケース

Generating cohesive design systems for SaaS dashboards and mobile applications.
Rapidly prototyping accessible landing pages with optimized Tailwind CSS.
Auditing existing codebases for UX issues and accessibility compliance.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/izacenter ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill

GitHub

概要

主な機能

Built-in search for color palettes, font pairings, and data visualization charts.
Comprehensive design library with 50+ styles including glassmorphism and bento grids.
Priority-based UX guidelines focusing on accessibility (A11y) and performance.
0 GitHub stars
Automated design system generation tailored to specific industries and products.
Support for 9 technology stacks including React, Vue, Svelte, and Flutter.

ユースケース

Generating cohesive design systems for SaaS dashboards and mobile applications.
Rapidly prototyping accessible landing pages with optimized Tailwind CSS.
Auditing existing codebases for UX issues and accessibility compliance.