skills.rest
nicanac
nicanacCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

Updated Feb 26, 2026
Search Tags:#accessibility#design system#ui/ux#component library#tailwind css#web design#mobile app design
One-click install
npx skills add https://github.com/nicanac/gh-sync --skill ui-ux-pro-max-nicanac
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/nicanac/gh-sync/tree/main/golden-source/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/nicanac/gh-sync --skill ui-ux-pro-max-nicanac

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive AI-driven design intelligence to create professional, accessible, and performant UI/UX for web and mobile applications, overcoming common design pitfalls.

Core Features & Use Cases

  • Design System Generation: Creates detailed design systems including styles, palettes, typography, and UX guidelines tailored to specific product types and stacks.
  • Best Practice Enforcement: Enforces critical rules for accessibility, performance, and interaction design.
  • Use Case: When building a new SaaS dashboard, use this Skill to generate a complete design system, ensuring adherence to modern UX principles and accessibility standards from the outset.

Quick Start

Use the ui-ux-pro-max skill to 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 UI design system for a web application?▼

Generate a complete UI design system by applying AI-driven design intelligence to define styles, 97 color palettes, 57 font pairings, and UX guidelines tailored to your specific product type and technology stack.

Can I use this to check UI/UX code for accessibility and performance issues?▼

Check UI/UX code for accessibility and performance issues by enforcing critical rules based on impact and domain, ensuring professional and accessible web and mobile applications.

Does this work with Tailwind CSS and shadcn/ui component libraries?▼

It works with Tailwind CSS and integrates specifically with shadcn/ui for component search and examples, providing support across 9 technology stacks for web and mobile app design.

What's the best way to implement modern UI styles like glassmorphism and dark mode?▼

Implement modern UI styles like glassmorphism and dark mode by applying AI-driven design intelligence, which offers specific support for elements like buttons, modals, and cards across 50+ styles.

Do I need python3 installed to run this UI/UX design intelligence tool?▼

You need python3 installed as a dependency to run this tool, which uses scripts and references to provide comprehensive design intelligence for web and mobile applications.

How do I improve and refactor existing dashboard UI designs?▼

Improve and refactor existing dashboard UI designs by using actions like optimize, enhance, and fix to apply 99 UX guidelines and modern interaction design best practices.

Related Skills

Explore More Design & Creative Skills→
ali156666ali156666
1

ui-ux-pro-max

Generate design systems with color palettes, typography, and UI components.

Community
Advanced
ngocp-0847ngocp-0847
1

ui-styling

Compose React UIs using shadcn/ui components with Tailwind CSS styling.

Community
Advanced
HarshodaiHarshodai

ui-styling

Integrate shadcn/ui components with Tailwind CSS for accessible, responsive interfaces.

Community
Advanced
Richie1129Richie1129

ui-ux-pro-max

Search curated UI/UX design styles, palettes, and stack-specific guidelines.

Community
Intermediate