Can I use it for mobile app development?

Yes, UI/UX Pro Max includes specific domains and guidelines for mobile platforms like SwiftUI, React Native, and Flutter.

What frameworks does UI/UX Pro Max support?

It supports a wide range of stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter, with a default focus on HTML and Tailwind CSS.

Does it help with accessibility?

Absolutely. The skill includes specific search domains for UX best practices that prioritize accessibility (a11y), contrast ratios, and intuitive navigation.

How does this skill improve UI quality?

It enforces professional standards such as using SVG icons instead of emojis, maintaining consistent spacing, ensuring proper light/dark mode contrast, and implementing smooth transitions.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: Pluckypan

byPluckypan

0•

设计工具

Generates professional-grade UI/UX designs and production-ready frontend code across multiple frameworks and design systems.

UI/UX Pro Max is a comprehensive design intelligence skill that transforms Claude into a senior product designer. It provides a searchable database of over 50 UI styles (like Glassmorphism and Brutalism), 21 curated color palettes, and 50 font pairings. The skill follows a structured workflow to analyze product requirements and implement pixel-perfect components for SaaS, e-commerce, and mobile applications, ensuring all output meets high standards for accessibility, responsive layout, and modern aesthetics.

主要功能

01Searchable database of 50+ UI styles and 21 professional color palettes

02Automated UX audits for accessibility, contrast, and spacing consistency

03Support for 8 major stacks including React, Next.js, Vue, Svelte, and Flutter

04Pre-configured design patterns for landing pages, dashboards, and mobile apps

050 GitHub stars

06Strict implementation rules for SVG icons, hover states, and smooth transitions

使用场景

01Building a high-conversion SaaS landing page with optimized typography and layouts

02Designing a complex data dashboard with specialized chart and table recommendations

03Refactoring existing CSS or Tailwind code to meet modern UI/UX best practices

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add pluckypan/ai-agent-router ui-ux-pro-max

For use in Claude.ai and ChatGPT

主要功能

01Searchable database of 50+ UI styles and 21 professional color palettes

02Automated UX audits for accessibility, contrast, and spacing consistency

03Support for 8 major stacks including React, Next.js, Vue, Svelte, and Flutter

04Pre-configured design patterns for landing pages, dashboards, and mobile apps

050 GitHub stars

06Strict implementation rules for SVG icons, hover states, and smooth transitions

使用场景

01Building a high-conversion SaaS landing page with optimized typography and layouts

02Designing a complex data dashboard with specialized chart and table recommendations

03Refactoring existing CSS or Tailwind code to meet modern UI/UX best practices

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add pluckypan/ai-agent-router ui-ux-pro-max

For use in Claude.ai and ChatGPT