skills.rest
MarioWinter
MarioWinterCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Analyzes UI/U X project requirements to recommend styles, palettes, typography, and accessibility standards.

Updated Aug 27, 2026
Search Tags:#typography#performance#accessibility#design system#ui/ux#color palette#frontend development
One-click install
npx skills add https://github.com/MarioWinter/merch-miner --skill ui-ux-pro-max-mariowinter
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/MarioWinter/merch-miner/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/MarioWinter/merch-miner --skill ui-ux-pro-max-mariowinter

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines UI/UX design by providing comprehensive, context-aware recommendations for styles, color palettes, typography, and best practices, ensuring high-quality, accessible, and performant user interfaces.

Core Features & Use Cases

  • Design System Generation: Creates detailed design systems tailored to specific project types (SaaS, e-commerce, etc.) and styles.
  • Component Best Practices: Offers guidelines for implementing UI elements like buttons, cards, and forms across various technology stacks.
  • Accessibility & Performance Audits: Integrates checks for accessibility standards and performance optimizations.
  • Use Case: When starting a new e-commerce website, use this Skill to generate a complete design system, including a professional color palette, elegant typography, and a responsive layout strategy, ensuring a cohesive and user-friendly experience.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new SaaS dashboard project.

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 complete design system for a new SaaS dashboard?▼

To generate a design system for a SaaS dashboard, this skill analyzes your project requirements to recommend tailored UI patterns, color palettes, typography, and responsive layout strategies. It provides context-aware best practices ensuring a cohesive interface.

What is the best way to ensure UI components meet accessibility standards?▼

The best way to ensure accessibility is by running an integrated audit during design. This skill checks your UI elements against accessibility standards while recommending patterns and styles to guarantee compliance.

Can I get typography and color palette recommendations for an e-commerce website?▼

Yes, you can get typography and color palette recommendations for an e-commerce website. By analyzing your project type, the skill delivers professional color schemes, elegant typography, and component guidelines suited for online stores.

Does this design system generation work with multiple frontend development stacks?▼

Yes, design system generation works with multiple frontend development stacks. It offers component best practices and implementation guidelines for UI elements like buttons and forms across various technology stacks.

How do frontend performance standards factor into UI/UX design recommendations?▼

Frontend performance standards factor into UI/UX recommendations through integrated performance audits. The skill ensures your generated styles, patterns, and components adhere to performance optimization standards alongside accessibility checks.

Related Skills

Explore More Design & Creative Skills→
arvindbattulaarvindbattula

design-setup

Define target audience, brand personality, typography, color, spacing, and layout for frontend design.

Community
Advanced
WyRainBowWyRainBow
255

frontend-design

Generates UI designs with typography, color palettes, spatial composition, and motion in TypeScript.

Community
Advanced
PeterHddPeterHdd
27

cleanui

Improve AI-generated user interfaces with design best practices and layout intelligence.

Community
Advanced
sotono-046sotono-046
1

design-principles

Define design direction, color, typography, and spacing tokens for dashboards.

Community
Basic