skills.rest
yunaamelia
yunaameliaCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems with color palettes, font pairings, and stack-specific guidelines.

Updated Jan 20, 2026
Search Tags:#performance#accessibility#design system#ui/ux#style guide#component library#frontend development
One-click install
npx skills add https://github.com/yunaamelia/mcp-agent-memory-pro --skill ui-ux-pro-max-yunaamelia
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/yunaamelia/mcp-agent-memory-pro/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/yunaamelia/mcp-agent-memory-pro --skill ui-ux-pro-max-yunaamelia

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive guidance and best practices for UI/UX design across various platforms and technologies, helping users create visually appealing, user-friendly, and performant interfaces.

Core Features & Use Cases

  • Design System Generation: Creates tailored design systems based on project type, industry, and desired style.
  • Component & Style Recommendations: Offers specific advice on color palettes, typography, layout, and UI elements.
  • Stack-Specific Guidelines: Provides implementation best practices for different development stacks (React, Vue, Tailwind, etc.).
  • Use Case: When building a new SaaS dashboard, use this Skill to generate a complete design system, including color schemes, font pairings, and layout recommendations, ensuring a professional and consistent user experience.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new e-commerce website.

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 web or mobile application?▼

To generate a design system, define your project type, industry, and desired visual style. The system produces tailored recommendations covering color palettes, typography, layout, and UI elements for a consistent user interface.

What font pairings and color palettes work best for UI/UX design?▼

Optimal UI/UX design font pairings and color palettes depend on your project's style requirements. You can choose from 21 specific color palettes and 50 font pairings to match your intended visual aesthetic and accessibility standards.

Does this design system generator support specific frontend development stacks?▼

Yes, the design system generator provides stack-specific implementation guidelines for 9 technology stacks, including React, Vue, and Tailwind, ensuring frontend development best practices align with your chosen framework.

How do I ensure my user interface meets accessibility and performance requirements?▼

To ensure user interface accessibility and performance, apply the generated design recommendations which explicitly satisfy visual appeal, user experience, accessibility, and performance requirements across diverse project types and frameworks.

Can I use this for building a SaaS dashboard or e-commerce website design?▼

Yes, you can use this for SaaS dashboard or e-commerce website design. It generates complete design systems including color schemes, font pairings, and layout recommendations for a professional user experience.

Related Skills

Explore More Design & Creative Skills→
guideopsguideops

square

Generate design systems with predefined style tokens from a configuration file.

Community
Intermediate
BeerspitnightBeerspitnight
1

frontend-designer

Converts UI/UX design inputs into structured frontend specifications for React, Vue, or HTML/CSS.

Community
Advanced
fishyerfishyer
1

ui-ux-pro-max

Generates UI/UX design recommendations and implements frontend code across React, Vue, Svelte, and more.

Community
Advanced
peerjakobsenpeerjakobsen
6

ui-ux-pro-max

Generate design-system recommendations for web, mobile, and dashboard interfaces.

Community
Advanced