ui-ux-pro-max

Provide UI/UX design guidance across 10 technology stacks.

2|Updated May 24, 2026
One-click install
npx skills add https://github.com/Nuu-maan/portfolio-template --skill ui-ux-pro-max-nuu-maan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Nuu-maan/portfolio-template/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Nuu-maan/portfolio-template --skill ui-ux-pro-max-nuu-maan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires ui-reasoning.csv, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the complexities of UI/UX design across multiple technology stacks, providing comprehensive resources and guidelines for professional-level design work.

Core Features & Use Cases

  • Comprehensive Design Resources: Access a vast library of design styles, color palettes, font pairings, and product types.
  • Cross-Stack Compatibility: Support for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS.
  • Guidance for UI/UX Tasks: From planning to implementation and optimization, this Skill offers actionable guidance.

Quick Start

Search for UI/UX design recommendations using the ui-ux-pro-max skill with your specific needs, e.g., "ui-ux-pro-max search design system for e-commerce".

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 create a consistent UI design system across multiple frameworks like React, Vue, and Flutter?

To create a consistent UI design system across multiple frameworks, this Skill provides cross-stack compatibility guidance, offering unified color palettes, font pairings, and 99 actionable design guidelines for React, Vue, Flutter, and seven other stacks.

What's the best way to find a style guide and color palette for a specific product type?

The best way to find a style guide and color palette for specific product types is to search this Skill's library, which includes 50+ design styles, 161 color palettes, and 57 font pairings tailored to different UI/UX product categories.

Does this UI/UX design guidance support SwiftUI and React Native for mobile app development?

Yes, this UI/UX design guidance fully supports mobile app development by providing tailored design recommendations, styles, and optimization guidelines for both SwiftUI and React Native environments.

Can I use Tailwind CSS and shadcn/ui to build my web application's design system?

You can use Tailwind CSS and shadcn/ui to build your web application's design system, as this Skill provides specific cross-stack design guidance, component styles, and actionable optimization advice for both frameworks.

How do I plan and implement typography and font pairings for a cross-stack design?

To plan and implement typography for a cross-stack design, this Skill supplies 57 curated font pairings and actionable guidelines, ensuring consistent text rendering and visual hierarchy across Next.js, Svelte, HTML/CSS, and other supported stacks.

What limitations should I expect when applying a single design system across ten different technology stacks?

When applying a single design system across ten technology stacks, expect limitations in native component behavior and rendering nuances, which this Skill's 99 actionable guidelines and cross-stack references help anticipate and resolve during implementation.