ui-ux-pro-max

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

Updated Aug 12, 2025
One-click install
npx skills add https://github.com/devtitus/portfolio-website-2026 --skill ui-ux-pro-max-devtitus
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/devtitus/portfolio-website-2026/tree/main/.gemini/skills/ui-ux-pro-max
Command: npx skills add https://github.com/devtitus/portfolio-website-2026 --skill ui-ux-pro-max-devtitus

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 solutions for creating visually appealing, user-friendly, and accessible interfaces across various platforms and technologies.

Core Features & Use Cases

  • Design System Generation: Create detailed design systems based on product type, industry, and desired style.
  • Component & Style Recommendations: Get suggestions for colors, typography, layouts, and animations.
  • Accessibility & Performance Audits: Identify and fix common UX issues.
  • Use Case: Design a professional and accessible landing page for a new SaaS product by leveraging style, color, and typography recommendations.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a fintech 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?

Generating a design system involves creating structured component libraries, color palettes, and typography rules. This skill provides design system generation based on product type, industry, and style, delivering tailored component recommendations and layout guidelines for web and mobile platforms.

What is the best way to choose a color palette and font pairing for a UI?

Choosing a color palette and font pairing requires balancing aesthetics and readability. This skill provides recommendations across 97 color palettes and 57 font pairings, matching your desired style to ensure visually appealing and cohesive UI typography for your application.

Can I run an accessibility audit for my mobile interface using this skill?

Yes, you can run accessibility audits for mobile interfaces. The skill identifies and helps fix common UX and accessibility issues, ensuring your mobile application meets performance and usability guidelines across the supported technology stacks.

Does this UI/UX design guidance support different technology stacks?

Yes, the UI/UX design guidance supports 9 different technology stacks. It provides component recommendations and 99 UX guidelines tailored to these specific stacks, ensuring the design intelligence applies directly to your web or mobile development environment.

How do I apply UX guidelines to a fintech SaaS dashboard?

Applying UX guidelines to a SaaS dashboard utilizes structured design intelligence for professional interfaces. You can generate a complete design system with component styles, accessible color palettes, and typography pairings suited for the fintech industry.

What UI styles are available for component recommendations?

Over 50 UI styles are available for component recommendations. The skill matches your product type and industry to these styles, outputting specific suggestions for layouts, animations, and visual components to establish a cohesive interface.