Can I use it to fix existing CSS issues?

Absolutely. Use the 'review' or 'fix' actions to identify unprofessional patterns like layout shifts, poor contrast, or inconsistent spacing.

What design styles can I implement using this skill?

You can quickly apply modern styles like glassmorphism, minimalism, bento grids, neumorphism, brutalism, and high-end dark mode layouts.

What frameworks does UI/UX Pro Max support?

It supports a wide range of stacks including HTML-Tailwind (default), React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.

How does this skill improve my UI implementation?

It provides specific recommendations for typography, color palettes, and interaction patterns based on your specific product type, such as SaaS, E-commerce, or FinTech.

Does it help with web accessibility (a11y)?

Yes, the skill includes built-in checklists for color contrast, alt text, ARIA labels, and keyboard navigation to ensure your designs are accessible to all users.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: Knguyen-data

byKnguyen-data

0•

Design Tools

Generates high-fidelity, production-ready frontend designs and UI/UX implementation strategies across multiple frameworks.

UI/UX Pro Max is a comprehensive design intelligence skill for Claude Code that provides an extensive database of UI styles, color palettes, font pairings, and framework-specific best practices. It empowers developers to move from a basic prompt to a professional-grade interface by systematically searching for product-specific design patterns, accessibility standards, and modern aesthetic trends like glassmorphism and bento grids, ensuring every project follows industry-standard visual and interaction rules.

Key Features

01Comprehensive library of font pairings with automated Google Fonts integration.

020 GitHub stars

03Automated UX checklists for accessibility, contrast, and interactive states.

04Detailed component patterns for dashboards, SaaS, and high-conversion landing pages.

05Access to 50+ UI styles and 21 curated color palettes for professional branding.

06Framework-specific guidelines for React, Next.js, Vue, Svelte, and mobile stacks.

Use Cases

01Reviewing and refactoring existing frontend code to improve accessibility, responsiveness, and aesthetics.

02Creating a professional dashboard with complex chart layouts and data visualization patterns.

03Designing and building a high-converting landing page with Tailwind CSS from scratch.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add knguyen-data/right-ielts-information-system ui-ux-pro-max

For use in Claude.ai and ChatGPT

Key Features

01Comprehensive library of font pairings with automated Google Fonts integration.

020 GitHub stars

03Automated UX checklists for accessibility, contrast, and interactive states.

04Detailed component patterns for dashboards, SaaS, and high-conversion landing pages.

05Access to 50+ UI styles and 21 curated color palettes for professional branding.

06Framework-specific guidelines for React, Next.js, Vue, Svelte, and mobile stacks.

Use Cases

01Reviewing and refactoring existing frontend code to improve accessibility, responsiveness, and aesthetics.

02Creating a professional dashboard with complex chart layouts and data visualization patterns.

03Designing and building a high-converting landing page with Tailwind CSS from scratch.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add knguyen-data/right-ielts-information-system ui-ux-pro-max

For use in Claude.ai and ChatGPT