ui-ux-pro-max

Generate design systems with styles, color palettes, typography, and UX guidelines.

1|Updated Feb 27, 2026
One-click install
npx skills add https://github.com/Jeffreyyvdb/.dotfiles --skill ui-ux-pro-max-jeffreyyvdb
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Jeffreyyvdb/.dotfiles/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Jeffreyyvdb/.dotfiles --skill ui-ux-pro-max-jeffreyyvdb

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design guidance, including styles, color palettes, typography, and guidelines, to streamline the design process for web and mobile applications.

Core Features & Use Cases

  • Comprehensive UI/UX Guidelines: Offers 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types.
  • Action Recommendations: Provides actions like plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code.
  • Project Types: Covers website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app projects.
  • Use Case: When designing a new web application, use this Skill to quickly identify the best UI/UX practices for the project type and get specific recommendations on styles, color schemes, typography, and more.

Quick Start

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

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 SaaS dashboard or mobile app?

To generate a design system, you apply UI/UX guidelines to your project type, retrieving tailored styles, color palettes, and typography pairings. This provides specific design recommendations for SaaS dashboards, mobile apps, and other web projects.

What UI/UX guidelines are recommended for building an e-commerce website?

UI/UX guidelines for e-commerce websites include 99 specific UX rules, 161 color palettes, and 57 font pairings. These recommendations help streamline the design process by providing targeted styles and chart types for online stores.

Do I need Python to create color palettes and typography pairings for web design?

Yes, you need Python installed to run the search scripts and generate design systems. Python executes the scripts that retrieve the 161 color palettes and 57 font pairings for your web and mobile design projects.

Can I use this approach to review and refactor existing UI/UX code?

Yes, you can review, fix, and refactor existing UI/UX code. The system supports actions like improve, optimize, enhance, and check UI/UX code to ensure your web or mobile application aligns with established design guidelines.

What's the best way to find suitable UX guidelines and styles for a landing page?

The best way to find suitable UX guidelines is by querying the 50+ styles and 99 UX guidelines tailored for landing pages. This targets the specific project type to deliver relevant color schemes, typography, and chart recommendations.