skills.rest
Festo-Wampamba
Festo-WampambaCOMMUNITY
Explore all skills by this author →
Website𝕏@festo_techugGitHub

ui-ux-pro-max

Generate UI and UX design guidance from a structured recommendation library.

Updated Jun 30, 2026
Search Tags:#color palettes#typography#accessibility#design system#ui design#ux guidance#stack recommendations
One-click install
npx skills add https://github.com/Festo-Wampamba/Claude-Features --skill ui-ux-pro-max-festo-wampamba
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Festo-Wampamba/Claude-Features/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Festo-Wampamba/Claude-Features --skill ui-ux-pro-max-festo-wampamba

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max removes the guesswork from interface design by turning broad product ideas into practical, high-quality UI guidance for web and mobile apps.

Core Features & Use Cases

  • Design system recommendations: Produces pattern, style, color, typography, and effects guidance for products like SaaS apps, dashboards, landing pages, portfolios, and mobile apps.
  • UX and accessibility checks: Surfaces critical usability rules such as contrast, focus states, touch target sizing, responsive layout, and motion handling.
  • Implementation support: Provides stack-aware guidance for frameworks and platforms including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and more.
  • Practical example: Use it to shape a landing page for a beauty service, then refine the layout, palette, fonts, and interaction details before implementation.

Quick Start

Ask the skill to generate a design system for your product idea, and it will return a polished UI direction with colors, typography, layout patterns, effects, and stack-specific recommendations.

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 generate a design system for a web or mobile product idea?▼

To generate a design system, provide your product idea and the tool returns structured UI guidance covering colors, typography, layout patterns, and effects tailored for web and mobile products.

Can I get UI design recommendations for specific frameworks like React, Next.js, or Flutter?▼

Yes, UI design recommendations include stack-aware implementation guidance for frameworks like React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and Tailwind.

What's the best way to check accessibility and UX rules for a landing page?▼

Checking accessibility and UX rules involves surfacing critical usability standards such as contrast ratios, focus states, touch target sizing, responsive layout behavior, and motion handling.

How does design system persistence work with master and page override files?▼

Design system persistence saves generated UI guidance using master and page override files, allowing consistent application across multiple pages while enabling localized styling adjustments.

Does UI/UX Pro Max support component styling and dashboard interface design?▼

Yes, it supports component styling and dashboard interface design by producing pattern, style, color, and typography guidance specifically structured for SaaS apps and data dashboards.

Related Skills

Explore More Design & Creative Skills→
Nuu-maanNuu-maan
2

ui-ux-pro-max

Provide UI/UX design guidance across 10 technology stacks.

Community
Advanced
krzemienskikrzemienski
2

ck:ui-ux-pro-max

Generate cohesive UI/UX design systems with patterns, colors, typography, and accessibility guidance.

Community
Advanced
HieubkavHieubkav

ui-styling

Create accessible UI styling with shadcn/ui and Tailwind CSS for React applications.

Community
Advanced
Zoomma1Zoomma1
3

claude-design-to-code

Convert Claude Design HTML mockups into Angular standalone components with templates and SCSS.

Community
Intermediate