What design styles are included in the library?

It features over 50 styles including minimalism, glassmorphism, claymorphism, bento grids, brutalism, and skeuomorphism.

What technology stacks does UI/UX Pro Max support?

It supports nine primary stacks: React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind CSS, and shadcn/ui.

Does it provide recommendations for data visualization?

Yes, it includes a dedicated domain for charts and data, providing 25+ chart type recommendations and library-specific implementation tips.

Can I use it for mobile app design?

Yes, it includes specific guidelines for SwiftUI, React Native, and Flutter, focusing on mobile-specific patterns like touch target sizes and haptic feedback.

How does it help with web accessibility?

The skill provides critical checks for color contrast ratios, focus states, ARIA labels, and keyboard navigation to ensure components meet professional standards.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: Monichre

byMonichre

0•

デザインツール

Generates professional UI/UX design systems and implementation guidelines across multiple frontend frameworks.

UI/UX Pro Max acts as a comprehensive design consultant within Claude, providing an extensive database of over 50 UI styles, 97 color palettes, and 57 font pairings. It streamlines the creation of production-grade interfaces for web and mobile by offering priority-based recommendations for accessibility, performance, and interaction design. Whether building a complex SaaS dashboard, a minimalist landing page, or a mobile app, this skill ensures aesthetic consistency and technical excellence across nine technology stacks, including React, Next.js, SwiftUI, and Flutter.

主な機能

01Audit existing code for accessibility compliance, performance bottlenecks, and touch interactions.

02Access a database of 50+ UI styles including glassmorphism, bento grids, and brutalism.

03Generate comprehensive design systems with color palettes, typography, and design reasoning.

04Receive framework-specific implementation guidelines for 9 popular web and mobile stacks.

050 GitHub stars

06Searchable reference for chart types, landing page structures, and professional SVG icon usage.

ユースケース

01Scaffolding a new landing page or SaaS dashboard with professional-grade design patterns.

02Selecting and implementing cohesive typography and color palettes for brand-new digital products.

03Refactoring existing components to meet WCAG accessibility standards and improve mobile responsiveness.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add monichre/digital-mischief-group ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill