skills.rest
aztr0nutzs
aztr0nutzsCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

2|Updated Jan 22, 2026
Search Tags:#accessibility#react#design system#ui/ux#component library#tailwind css#frontend development
One-click install
npx skills add https://github.com/aztr0nutzs/NET_NiNjA.v1.2 --skill ui-ux-pro-max-aztr0nutzs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/aztr0nutzs/NET_NiNjA.v1.2/tree/main/skills/skills-folders/ui-ux-pro-max
Command: npx skills add https://github.com/aztr0nutzs/NET_NiNjA.v1.2 --skill ui-ux-pro-max-aztr0nutzs

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive guidance and actionable recommendations to design and implement professional, accessible, and performant user interfaces and experiences across various platforms and stacks.

Core Features & Use Cases

  • Design System Generation: Creates detailed design systems including styles, color palettes, typography, and UX guidelines tailored to specific product types and industries.
  • Stack-Specific Best Practices: Offers implementation guidance for popular web and mobile development stacks.
  • Use Case: When designing a new e-commerce website, use this Skill to generate a design system that includes a professional color palette, elegant typography, and accessibility best practices, then get specific Tailwind CSS implementation tips.

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 SaaS dashboard with React and Tailwind CSS?▼

To generate a SaaS dashboard design system, this Skill provides tailored color palettes, font pairings, and specific Tailwind CSS implementation guidance for React projects. It outputs actionable UX guidelines and component styles suited for frontend development.

What UI/UX styles and color palettes are available for frontend development?▼

For frontend development, this Skill offers over 50 UI styles, 97 color palettes, and 57 font pairings. It supports styles like glassmorphism and dark mode, delivering comprehensive design intelligence for websites and mobile apps.

Can I get accessibility guidelines and UX best practices for my component library?▼

Yes, you can get accessibility guidelines for your component library. The Skill includes 99 UX guidelines across 9 technology stacks, ensuring professional and accessible user interfaces for elements like buttons, modals, and forms.

Does this tool provide implementation code for specific frameworks like Tailwind CSS?▼

Yes, it provides implementation guidance for Tailwind CSS and other popular stacks. You receive stack-specific best practices to build, refactor, and optimize UI components like forms and modals within your chosen technology stack.

How do I improve and refactor existing UI/UX code for better accessibility?▼

To improve and refactor existing UI/UX code, this Skill analyzes your project to offer actionable recommendations for enhancing accessibility and performance. It facilitates reviewing and optimizing elements across 9 technology stacks.

Related Skills

Explore More Design & Creative Skills→
levinbaenningerlevinbaenninger

tailwind-design-system

Standardize Tailwind CSS v4 design systems with React 19 component patterns.

Community
Advanced
nicolas-deyrosnicolas-deyros

ui-ux-pro-max

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

Community
Advanced
devtitusdevtitus

ui-ux-pro-max

Generate design systems and accessibility audits for web and mobile applications.

Community
Advanced
nesihaver-ILnesihaver-IL

figma

Transform Figma designs into React components and design tokens.

Community
Intermediate