skills.rest
e2662020
e2662020COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI/UX design systems with color palettes, typography, and accessibility guidelines.

1|Updated May 1, 2026
Search Tags:#accessibility#frontend#react#tailwind#ui-design#ux-design#design-system
One-click install
npx skills add https://github.com/e2662020/QuickMovie --skill ui-ux-pro-max-e2662020
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/e2662020/QuickMovie/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/e2662020/QuickMovie --skill ui-ux-pro-max-e2662020

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill eliminates the tedious manual work of UI/UX design by providing intelligent, data-driven recommendations for visual style, layout, color systems, typography, and accessibility, ensuring interfaces look professional and function well across devices.

Core Features & Use Cases

  • Design System Generation: Automatically generates complete design systems including color palettes, typography pairings, spacing scales, and component specs tailored to your product type and industry.
  • Style & Pattern Recommendations: Suggests appropriate UI styles and landing page patterns based on 100+ industry-specific reasoning rules for SaaS, e-commerce, healthcare, fintech, and more.
  • Implementation Guidance: Provides stack-specific best practices for React, Next.js, Vue, Svelte, Tailwind CSS, and shadcn/ui, including code examples and pre-delivery checklists.

Quick Start

Use the ui-ux-pro-max skill to generate a complete design system for your project by asking for UI/UX recommendations tailored to your product type and preferred stack.

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 React and Tailwind project?▼

To generate a design system for React and Tailwind, you request UI/UX recommendations tailored to your product type. The system automatically outputs color palettes, typography pairings, spacing scales, and component specs based on industry-specific rules.

What is the best way to choose UI styles and landing page patterns for a SaaS dashboard?▼

Choosing UI styles and landing page patterns for a SaaS dashboard relies on data-driven recommendations from over 100 industry-specific reasoning rules. This ensures the suggested visual style aligns with professional SaaS interface standards.

Does this UI/UX design guidance work with Vue and Svelte stacks?▼

Yes, UI/UX design guidance works with Vue and Svelte stacks. It provides stack-specific best practices and implementation guidance, including code examples and pre-delivery checklists, alongside React and HTML+Tailwind environments.

Can I get accessibility guidelines and color palettes for mobile apps?▼

Yes, you can get accessibility guidelines and color palettes for mobile apps. The system delivers tailored style recommendations, typography pairings, and accessibility constraints to ensure interfaces function well across mobile devices.

Do I need Python to generate UI design recommendations for e-commerce platforms?▼

Yes, you need Python 3.x to generate UI design recommendations for e-commerce platforms. The system uses Python for its BM25 search engine and bundled CSV data files to deliver style and pattern suggestions.

Why does my generated design system include shadcn/ui component specs?▼

Your generated design system includes shadcn/ui component specs because the system provides stack-specific best practices for React, Next.js, and Tailwind CSS. This ensures implementation guidance matches your preferred frontend architecture.

Related Skills

Explore More Design & Creative Skills→
felipesantiago-coderfelipesantiago-coder

ui-ux-pro-max

Generate UI/UX design systems with style, color, typography, and component specs.

Community
Advanced
The13thNodeThe13thNode
3

ui-ux-pro-max

Generate UI/UX design systems with color palettes, typography, and accessibility rules.

Community
Advanced
ncsound919ncsound919

ui-ux-pro-max

Generate design-system tokens, component specs, and accessibility guidance for web stacks.

Community
Advanced
zeroix07zeroix07

ui-ux-pro-max

Generate design systems and frontend code for React, Next.js, Vue, Svelte, and Tailwind CSS.

Community
Advanced