Which frameworks are supported by UI/UX Pro Max?

The skill supports a wide range of stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and standard HTML+Tailwind.

Can this skill help with accessibility (a11y)?

Yes, it includes specific guidelines and a pre-delivery checklist to ensure sufficient color contrast, alt text, form labeling, and keyboard navigation.

Does it provide icons and brand logos?

Yes, it follows professional standards by recommending SVG icons from libraries like Heroicons and Lucide, and verified brand logos from Simple Icons.

How does the design search feature work?

It uses a dedicated search script to query specific domains such as 'style', 'typography', 'color', and 'ux' to find the best design patterns for your specific product type.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: tadokoro-ryusuke

bytadokoro-ryusuke

0•

设计工具

Generates professional, high-fidelity UI/UX designs and code implementations using a vast searchable database of design systems, styles, and best practices.

UI/UX Pro Max is a comprehensive design intelligence skill that transforms Claude into a senior frontend architect. It leverages a searchable database containing 50 UI styles, 21 color palettes, and 50 font pairings to provide data-driven design recommendations and implementation patterns. Whether building SaaS dashboards or mobile apps, the skill enforces professional standards for accessibility, interaction design, and responsiveness across multiple frameworks including React, Next.js, SwiftUI, and Flutter.

主要功能

010 GitHub stars

02Curated typography and color palettes tailored to specific industries

03Searchable database of 50+ UI styles including glassmorphism and bento grids

04Multi-framework support for React, Next.js, Vue, Svelte, and mobile stacks

05Automated UX checklists for accessibility, contrast, and interaction feedback

06Best-practice implementation for charts, navigation, and complex layouts

使用场景

01Creating complex SaaS dashboards with optimized data visualization and layouts

02Building high-conversion landing pages with modern design aesthetics

03Refactoring legacy UI to improve mobile responsiveness and accessibility standards

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add tadokoro-ryusuke/cc-plugins ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill