skills.rest
Gatsbyhateyou
GatsbyhateyouCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/Gatsbyhateyou/gatsby-website --skill ui-ux-pro-max-gatsbyhateyou
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
SunS1eep1ngSunS1eep1ng

ui-ux-pro-max

Generate UI/UX design systems with role-specific guidance and stack-aware frontend implementation.

Community
Advanced
aztr0nutzsaztr0nutzs
2

ui-ux-pro-max

Generate design systems with styles, palettes, fonts, and UX guidelines.

Community
Advanced
NOIR-SolutionNOIR-Solution
6

ui-ux-pro-max

Generate UI design systems with styles, palettes, fonts, and component patterns.

Official
Advanced
tuliopc23tuliopc23

ui-ux-pro-max

Search UI/UX design databases for styles, palettes, typography, and guidelines.

Community
Advanced