What technology stacks does UI/UX Pro Max support?

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

Does it provide specific code for UI components?

Yes, it provides implementation-specific best practices and patterns for elements like buttons, modals, cards, and tables across its supported stacks.

Can it help with web accessibility compliance?

Yes, it features a high-priority accessibility module covering color contrast, focus states, aria-labels, and keyboard navigation to ensure WCAG standards.

How do I generate a new design system with this skill?

You can trigger the generation by running the search script with the --design-system flag followed by your product type and industry keywords.

UI/UX Pro Max: Design Intelligence

Name: UI/UX Pro Max: Design Intelligence
Author: plantrungnampl

byplantrungnampl

•

Design Tools

Automates the creation of high-fidelity frontend interfaces with comprehensive design systems, accessibility audits, and framework-specific UI patterns.

UI/UX Pro Max is an advanced design intelligence skill for Claude Code that enables developers to architect professional user interfaces across nine major technology stacks. It features a robust database of over 50 design styles, 97 color palettes, and 57 font pairings, integrated with high-priority UX guidelines for accessibility and performance. By providing structured reasoning for design choices and specific implementation patterns for frameworks like React and Tailwind, it ensures that every project—from SaaS dashboards to mobile apps—meets modern design standards while maintaining technical excellence.

Key Features

01Framework-specific UI patterns for 9 tech stacks including React, Svelte, and Flutter

021 GitHub stars

03Integrated best practices for responsive layout and micro-animations

04Priority-based UX and accessibility auditing for WCAG compliance

05Automated design system generation with palettes, typography, and reasoning

06Searchable library of 50+ modern UI styles and 25+ chart types

Use Cases

01Reviewing frontend code for accessibility and performance optimizations

02Implementing specific visual styles like glassmorphism or bento grids in Tailwind CSS

03Building a cohesive design system for a new SaaS or e-commerce platform

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add plantrungnampl/realtime_board ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill