skills.rest
m4mayz
m4mayzCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems with UI/UX guidelines for web and mobile applications.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering guidance on styles, color palettes, typography, and UX best practices to create professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Creates detailed design systems tailored to specific product types, industries, and keywords.
  • UX Best Practices: Offers critical rules for accessibility, interaction, performance, and layout.
  • Stack-Specific Guidelines: Provides implementation advice for various frontend stacks like React, Next.js, and HTML/Tailwind.
  • Use Case: When designing a new SaaS dashboard, use this Skill to generate a design system, select an appropriate color palette, choose font pairings, and ensure adherence to accessibility standards.

Quick Start

Generate a design system for a "beauty spa wellness service" with elegant and professional keywords.

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 application?▼

To generate a design system for web or mobile applications, provide your product type, industry, and keywords. It outputs tailored styles, color palettes, typography, and UX guidelines to ensure professional, user-friendly interfaces.

What UX best practices should I follow for accessibility and performance?▼

Critical UX best practices for accessibility and performance include adhering to interaction, layout, and performance rules. It provides detailed guidelines to ensure interfaces meet essential accessibility standards and perform optimally.

Can I get frontend development guidelines for React and Next.js?▼

Yes, you can get frontend development guidelines for React and Next.js. It offers stack-specific implementation advice for component design, ensuring UI/UX choices integrate smoothly with chosen frontend technologies.

How do I choose a color palette and typography for a SaaS dashboard?▼

Choosing a color palette and typography for a SaaS dashboard involves matching styles to industry keywords. It facilitates selecting appropriate color palettes and font pairings while ensuring adherence to UX principles.

Does this tool provide component design searches for specific UI elements?▼

Yes, the tool provides detailed searches for specific UI elements and best practices. It covers component design across multiple technology stacks, helping find exact UI elements and implementation advice for frontend development.

Related Skills

Explore More Design & Creative Skills→
koki3141koki3141
2

ui-ux-pro-max

Generate design systems for UI/UX projects using Python scripts.

Community
Advanced
ultramaxoAIultramaxoAI

frontend-design

Design React/Next.js interfaces with Tailwind styling and responsive layouts.

Official
Intermediate
PeterHddPeterHdd
27

cleanui

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

Community
Advanced
ayushrathore1ayushrathore1

UI/UX Pro Max

Generate UI/UX design systems with stack-specific implementation guidelines.

Community
Advanced