ui-ux-pro-max

Provide UI/UX design recommendations for React, Next.js, Vue, and SwiftUI.

1|Updated Mar 8, 2026
One-click install
npx skills add https://github.com/ralphjohn29/my-claude-skills --skill ui-ux-pro-max-ralphjohn29
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ralphjohn29/my-claude-skills/tree/main/ui-ux-pro-max
Command: npx skills add https://github.com/ralphjohn29/my-claude-skills --skill ui-ux-pro-max-ralphjohn29

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the UI/UX design process by providing intelligent suggestions for styles, color palettes, typography, and stack-specific best practices, ensuring high-quality and professional designs.

Core Features & Use Cases

  • Comprehensive Design Database: Access to 50+ styles, 21 palettes, 50 font pairings, and more.
  • Stack-Specific Guidance: Tailored recommendations for React, Next.js, Vue, SwiftUI, Flutter, and more.
  • Use Case: Design a modern, accessible e-commerce landing page with a minimalist aesthetic using React and Tailwind CSS, complete with a professional color scheme and elegant typography.

Quick Start

Use the ui-ux-pro-max skill to design a professional landing page for a beauty spa.

Frequently Asked Questions about ui-ux-pro-max

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I get color palette and typography recommendations for a React and Tailwind CSS project?

To get color palette and typography recommendations for a React and Tailwind CSS project, you can use this tool to query a design database for stack-specific best practices. It provides tailored suggestions including 21 palettes and 50 font pairings to ensure professional frontend interfaces.

Can I use this tool to find UI/UX design guidelines for SwiftUI and Flutter applications?

Yes, you can use this tool to find UI/UX design guidelines for SwiftUI and Flutter applications. It delivers stack-specific guidance and best practices to help you build production-grade interfaces across multiple platforms beyond standard web frontend frameworks.

What's the best way to design a minimalist e-commerce landing page with professional styling?

The best way to design a minimalist e-commerce landing page with professional styling is to request stack-specific recommendations for styles, color schemes, and font pairings. This approach generates production-grade frontend interfaces by leveraging a searchable database of design elements.

Does this tool provide frontend design recommendations for frameworks other than Next.js and Vue?

Yes, this tool provides frontend design recommendations for frameworks other than Next.js and Vue, including React, SwiftUI, and Flutter. It offers a comprehensive design database covering 50+ styles to ensure high-quality and professional designs across various platform environments.

How do I choose accessible font pairings and styles for a beauty spa website?

To choose accessible font pairings and styles for a beauty spa website, you can access a curated database of 50 font pairings and 50+ styles. This provides intelligent suggestions tailored to your aesthetic needs, ensuring high-quality and professional design outcomes.

When should I not rely on automated UI/UX design suggestions for frontend interfaces?

You should not rely on automated UI/UX design suggestions when you require highly bespoke branding that falls outside of established best practices or the 50+ predefined styles in the database. It is designed to streamline standard professional design processes rather than replace custom brand identity development.