skills.rest
nguyenphp
nguyenphpCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

41|12|Updated Jan 16, 2026
Search Tags:#typography#performance#accessibility#design system#ui/ux#color palette#component design
One-click install
npx skills add https://github.com/nguyenphp/antigravity-marketing --skill ui-ux-pro-max-nguyenphp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/nguyenphp/antigravity-marketing/tree/main/templates/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/nguyenphp/antigravity-marketing --skill ui-ux-pro-max-nguyenphp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires csv, json, re, pathlib, math, collections, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence to ensure interfaces are visually appealing, user-friendly, accessible, and performant across various platforms and styles.

Core Features & Use Cases

  • Design System Generation: Creates tailored design systems based on product type, industry, and desired style.
  • Component & Style Recommendations: Offers guidance on colors, typography, layouts, animations, and accessibility best practices.
  • Use Case: When building a new SaaS dashboard, use this Skill to generate a complete design system, including color palettes, font pairings, and layout recommendations, ensuring a professional and user-friendly interface from the start.

Quick Start

Generate a design system for a new e-commerce website.

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 complete design system for a web or mobile application?▼

To generate a design system, provide your product type, industry, and desired style. The system outputs tailored color palettes, font pairings, and layout components based on 50+ styles and 10 technology stacks.

What is the best way to choose a color palette and typography for a SaaS dashboard?▼

The best way to choose colors and typography for a SaaS dashboard is to use intelligent design recommendations, which evaluate 161 color palettes and 57 font pairings to match your specific industry and visual style.

Can I get UX guidelines and component design recommendations for multiple tech stacks?▼

Yes, you can get UX guidelines and component design recommendations across 10 technology stacks. The system covers 99 UX guidelines to ensure interfaces are accessible and performant on your chosen platform.

How do accessibility and performance factor into UI component design recommendations?▼

Accessibility and performance are core factors in UI component design recommendations. The system applies 99 UX guidelines to ensure generated layouts and components are visually appealing, user-friendly, and optimized across platforms.

Does this design system generator support both web and mobile interfaces?▼

Yes, the design system generator supports both web and mobile applications. It provides layout and component recommendations tailored to 10 different technology stacks for comprehensive interface coverage.

When should I use an automated design system generator instead of manual component styling?▼

Use an automated design system generator when starting a new project like an e-commerce website or SaaS dashboard. It instantly provides professional color palettes, typography, and accessibility rules, ensuring consistency from the start.

Related Skills

Explore More Design & Creative Skills→
koki3141koki3141
2

ui-ux-pro-max

Generate design systems for UI/UX projects using Python scripts.

Community
Advanced
johnlindquistjohnlindquist
24

design

Manage design tokens and export them to CSS, JSON, and Tailwind config.

Community
Advanced
liutao96liutao96

frontend-design 前端界面设计

Crafts frontend interfaces with HTML/CSS/JS or frameworks, preserving accessibility and performance.

Community
Advanced
miko06miko06

ui-ux-pro-max

Generate design systems from UI/UX pattern databases using Python scripts.

Community
Advanced