How do I generate a complete design system?

Use the command `python3 search.py " " --design-system` to receive a comprehensive report on visual patterns, styles, colors, and typography.

Does this skill help with web accessibility?

Yes, accessibility is the skill's highest priority. It provides specific rules for color contrast ratios, focus states, ARIA labels, and keyboard navigation.

Can I use this for mobile app development?

Absolutely. It includes dedicated guidelines for mobile-specific stacks like SwiftUI, React Native, and Flutter, with a focus on touch targets and mobile-first layout.

What technology stacks does UI/UX Pro Max support?

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

UI/UX Pro Max - Design Intelligence

Name: UI/UX Pro Max - Design Intelligence
Author: lev-os

bylev-os

0•

デザインツール

Generates comprehensive design systems and provides expert UI/UX guidance across multiple technology stacks and visual styles.

UI/UX Pro Max is an advanced design intelligence skill for Claude Code that streamlines the creation of high-quality web and mobile interfaces. It offers a searchable database of over 50 design styles, 97 color palettes, and 99 UX guidelines, allowing developers to generate complete design systems—including typography, color theory, and accessibility patterns—instantly. Whether building a SaaS dashboard, an e-commerce landing page, or a mobile app using React, Flutter, or Tailwind, this skill ensures professional-grade aesthetics and user experience through priority-based recommendations and strict anti-pattern checks.

主な機能

01Support for 9 major technology stacks including React, Next.js, SwiftUI, and Flutter

02Extensive library of 50+ UI styles including Glassmorphism, Neumorphism, and Bento Grid

03Priority-based UX auditing focusing on accessibility, touch targets, and performance

04Automated design system generation with the --design-system command

050 GitHub stars

06Integrated component guidance for buttons, modals, navbars, and data visualizations

ユースケース

01Quickly selecting accessible color palettes and font pairings for landing pages

02Scaffolding a consistent design language for a new SaaS or e-commerce project

03Reviewing existing frontend code for accessibility and UX best practices

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add lev-os/agents ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill