skills.rest
alixex
alixexOFFICIAL
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems with color palettes, font pairings, and UX guidelines.

4|1|Updated Feb 16, 2026
Search Tags:#accessibility#design system#ui/ux#component library#web design#frontend development
One-click install
npx skills add https://github.com/alixex/aryxn --skill ui-ux-pro-max-alixex
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/alixex/aryxn/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/alixex/aryxn --skill ui-ux-pro-max-alixex

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 user-friendly and visually appealing interfaces.

Core Features & Use Cases

  • Design System Generation: Creates a complete design system based on product type, industry, and keywords.
  • Component-Specific Guidance: Offers recommendations for elements like buttons, modals, and forms.
  • Use Case: When designing a new e-commerce website, use this Skill to generate a modern, accessible design system, including color palettes, font pairings, and layout suggestions tailored for online retail.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new SaaS dashboard.

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 application?▼

To generate a web application design system, input your product type, industry, and keywords. The system outputs a complete framework with 97 color palettes, 57 font pairings, and tailored layout suggestions.

Can I use this to find UI component guidance for shadcn/ui?▼

Yes, you can find UI component guidance for shadcn/ui. The tool integrates directly with shadcn/ui to search and provide recommendations for elements like buttons, modals, and forms.

What UX guidelines are available for frontend development across different tech stacks?▼

It provides 99 UX guidelines across 9 technology stacks for frontend development. These guidelines help you implement accessible and visually appealing interfaces for various projects.

Does this tool offer accessibility best practices for mobile interfaces?▼

Yes, it offers accessibility best practices for mobile interfaces. You can review and check your UI/UX code against 99 established UX guidelines to ensure user-friendly mobile applications.

How do I choose the right color palette and font pairing for a SaaS dashboard?▼

To choose color palettes and font pairings for a SaaS dashboard, leverage the built-in library of 97 palettes and 57 font pairings. Recommendations are tailored based on your specific industry and product keywords.

What's the best way to refactor and improve existing UI/UX code?▼

The best way to refactor and improve UI/UX code is using the review, fix, and optimize actions. This evaluates your code against 50+ styles and 99 UX guidelines to enhance visual appeal and accessibility.

Related Skills

Explore More Design & Creative Skills→
windyskywindysky

moai-domain-frontend

Guide React 19, Next.js 16, and Vue 3.5 frontend architecture with reusable components.

Community
Advanced
NammDevNammDev
2

ui-styling

Integrate shadcn/ui with Tailwind CSS for React UI styling.

Community
Intermediate
saajunaidsaajunaid

ui-styling-patterns

Build accessible, responsive UIs with Tailwind CSS and shadcn/ui components.

Community
Intermediate
hookvibehookvibe
3

ui-ux-pro-max

Generate UI/UX design systems with color palettes and typography guidelines.

Official
Basic