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.