skills.rest
ayushrathore1
ayushrathore1COMMUNITY
Explore all skills by this author →
WebsiteGitHub

UI/UX Pro Max

Generate UI/UX design systems with stack-specific implementation guidelines.

Updated Jan 27, 2026
Search Tags:#accessibility#mobile design#design system#ui/ux#web design#frontend development
One-click install
npx skills add https://github.com/ayushrathore1/codelearnn-2.0 --skill ui-ux-pro-max-ayushrathore1
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: UI/UX Pro Max
Source: https://github.com/ayushrathore1/codelearnn-2.0/tree/main/ui-ux-pro-max
Command: npx skills add https://github.com/ayushrathore1/codelearnn-2.0 --skill ui-ux-pro-max-ayushrathore1

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive design guidelines and best practices to create professional, user-friendly, and accessible web and mobile application interfaces.

Core Features & Use Cases

  • Design System Generation: Creates a complete design system including styles, color palettes, typography, and UX guidelines tailored to specific product types and industries.
  • UX Best Practices: Offers detailed rules and recommendations for accessibility, performance, interaction design, and layout.
  • Stack-Specific Guidance: Provides implementation advice for various technology stacks like HTML/Tailwind, React, and Next.js.
  • Use Case: When designing a new SaaS dashboard, use this Skill to generate a professional design system, ensuring optimal user experience, accessibility, and adherence to modern design trends.

Quick Start

Use the UI/UX Pro Max skill to generate a design system for a professional 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 UI/UX design system for a SaaS dashboard?▼

To generate a UI/UX design system for a SaaS dashboard, specify the product type, industry, and technology stack. This produces comprehensive style guides, color palettes, typography, and UX rules tailored to your application's needs.

What UX best practices are enforced for mobile design and web applications?▼

UX best practices for mobile design and web applications enforce critical principles including accessibility, performance, and interaction design. These rules are applied through a searchable database to ensure user-friendly interfaces.

Can I get stack-specific implementation guidelines for React and Next.js?▼

Yes, you can get stack-specific implementation guidelines for React and Next.js. The system provides tailored implementation advice for various technology stacks including HTML/Tailwind to ensure seamless frontend development integration.

Does the generated design system include accessibility rules for frontend development?▼

Yes, the generated design system includes accessibility rules for frontend development. It addresses critical UX principles like accessibility and performance through rule-based reasoning to ensure digital products are fully accessible.

What is the best way to create a design system tailored to a specific industry?▼

The best way to create an industry-specific design system is to input your industry and product type requirements. The system uses rule-based reasoning to generate matching styles, color palettes, and typography for your specific context.

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
anhxuanphamanhxuanpham

ui-ux-pro-max

Generate UI/UX design guidance for frontend interfaces across multiple stacks.

Community
Advanced
VidyaBodepudiVidyaBodepudi
2

frontend-ui-engineering

Review web components for accessibility, responsiveness, and performance.

Community
Advanced
gdg-senecagdg-seneca

ui-ux-pro-max

Generate design systems and review UI/UX code across 9 tech stacks.

Official
Intermediate