ui-ux-pro-max

Generate design systems and UI guidance across 9 technology stacks.

Updated Feb 17, 2026

Search Tags:#accessibility #design system #ui/ux #style guide #component library #frontend development

Ready to run

npx skills add https://github.com/Gatsbyhateyou/gatsby-website --skill ui-ux-pro-max-gatsbyhateyou

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Gatsbyhateyou/gatsby-website/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Gatsbyhateyou/gatsby-website --skill ui-ux-pro-max-gatsbyhateyou

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, palettes, typography, and 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.
Component Implementation: Offers guidance on implementing UI elements like buttons, modals, and forms according to best practices.
Use Case: When building a new SaaS dashboard, use this Skill to generate a design system including a professional color palette, modern font pairings, and accessibility guidelines, ensuring a cohesive and high-quality user experience.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a "fintech SaaS dashboard" 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 design system for a web or mobile application?▼

To generate a design system, you can use a CLI tool to search domains like product, style, typography, and color to create tailored guidelines, color palettes, and font pairings for your specific application stack.

What is the best way to ensure UI component implementation follows accessibility guidelines?▼

To ensure accessible UI component implementation, you can reference 99 UX guidelines and specific stack-specific rules for elements like buttons and modals, ensuring your frontend development meets professional accessibility standards.

Does this UI/UX design tool support React Native and Flutter for mobile development?▼

Yes, this UI/UX design tool supports mobile development by providing stack-specific guidelines for React Native and Flutter, alongside web frameworks like React, Next.js, Vue, Svelte, and Jetpack Compose.

Can I get style guide recommendations for a minimalist SaaS dashboard?▼

You can generate a style guide for a minimalist SaaS dashboard by leveraging AI-driven design intelligence, which covers 50+ styles, 97 color palettes, and 57 font pairings tailored to your industry keywords.

How do I conduct a UX review for my frontend components?▼

You can conduct a UX review by utilizing the tool's CLI to search the UX domain, applying its 99 UX guidelines to evaluate and refine your component implementation across 9 different technology stacks.

What technology stacks are supported for component implementation guidance?▼

Component implementation guidance supports 9 technology stacks including HTML/Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, shadcn/ui, and Jetpack Compose for comprehensive frontend development.