skills.rest
yldst-dev
yldst-devCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems with styles, color palettes, and font pairings.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design guidance, helping users create visually appealing, user-friendly, and accessible interfaces for web and mobile applications.

Core Features & Use Cases

  • Design System Generation: Creates detailed design systems based on project requirements, including patterns, styles, colors, and typography.
  • UX Best Practices: Offers guidelines on accessibility, interaction design, performance, and layout.
  • Stack-Specific Advice: Provides implementation best practices for various frontend stacks like React, Vue, and Tailwind CSS.
  • Use Case: A developer needs to design a new dashboard for a SaaS product. They can use this Skill to get a complete design system, including color palettes, font pairings, and layout recommendations tailored for SaaS dashboards, ensuring a professional and consistent look.

Quick Start

Generate a design system for a 'fintech mobile app' with a 'minimalist' style.

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 UI/UX design system for a SaaS dashboard?▼

To generate a UI/UX design system for a SaaS dashboard, you can specify your project requirements to get tailored patterns, 97 color palettes, 57 font pairings, and layout recommendations. This ensures a professional and consistent look for web applications.

Does this UI/UX design tool provide React and Tailwind CSS implementation guidelines?▼

Yes, this UI/UX design tool provides stack-specific advice and implementation best practices for React, Tailwind CSS, and seven other frontend technologies. It supports building, reviewing, and refactoring UI code across these environments.

What UX guidelines are available for accessible mobile app design?▼

It offers 99 UX guidelines covering accessibility, interaction design, performance, and layout for mobile applications. You can apply these guidelines to plan, optimize, and enhance user-friendly interfaces.

Can I use shadcn/ui components when building my web interface?▼

Yes, you can integrate with shadcn/ui for component search when building and designing your web interface. This allows you to find and implement UI components directly within your design workflow.

What's the best way to choose a visual style for my frontend project?▼

The best way to choose a visual style is selecting from over 50 available styles based on your project requirements. You can then generate a complete design system including matching typography and color palettes.

How do I review and refactor existing UI/UX code?▼

You can review and refactor existing UI/UX code by using actions designed to fix, improve, and optimize your current implementation. It analyzes your code against 99 UX guidelines to enhance accessibility and visual appeal.

Related Skills

Explore More Design & Creative Skills→
tillysosotillysoso

tailwind-css-patterns

Apply Tailwind CSS patterns for responsive layouts and design tokens.

Community
Intermediate
sinhong2011sinhong2011
5

ui-ux-pro-max

Provide UI/UX design intelligence with styles, palettes, and font pairings.

Community
Advanced
hjung3113hjung3113

polish

Review UI designs and code for alignment, accessibility, and performance.

Community
Advanced
AshesOfTheUndeadAshesOfTheUndead

ui-ux-pro-max

Generate design systems, color palettes, and typography pairings for web and mobile platforms.

Community
Advanced