ui-ux-pro-max

Generate implementation-ready UI/UX design guidance for web and mobile projects.

1|Updated Mar 17, 2026
One-click install
npx skills add https://github.com/MoisesAldas/OficiosYA --skill ui-ux-pro-max-moisesaldas
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/MoisesAldas/OficiosYA/tree/main/.agents/ui-ux-pro-max
Command: npx skills add https://github.com/MoisesAldas/OficiosYA --skill ui-ux-pro-max-moisesaldas

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Streamline UI/UX design decisions by delivering AI-assisted, implementation-ready guidance for web and mobile interfaces.

Core Features & Use Cases

  • Automated design system recommendations across color, typography, layout, and components.
  • Domain-aware guidance for accessibility, performance, and usability across multiple tech stacks.
  • Use Case: When starting a new product, generate a cohesive design system and pattern catalog tailored to your user needs.

Quick Start

Generate a complete UI/UX design system for a 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, use AI-assisted guidance to produce structured pattern rules, style guidance, and color and typography decisions tailored to user needs. This delivers an implementation-ready component catalog for your interface.

Can I get UI component patterns for React, Next.js, and Tailwind?

Yes, you can get UI component patterns for React, Next.js, and Tailwind. The guidance covers multiple tech stacks including Vue, Svelte, SwiftUI, React Native, Flutter, and shadcn/ui to ensure implementation-ready recommendations across web and mobile projects.

What is the best way to ensure accessibility in my front-end design system?

The best way to ensure accessibility in your front-end design system is to apply domain-aware guidance that covers accessibility, performance, and usability best practices. This integrates accessibility checks directly into your structured pattern rules and component catalog.

Does this UI/UX guidance support mobile frameworks like SwiftUI and Flutter?

Yes, this UI/UX guidance supports mobile frameworks like SwiftUI and Flutter. It provides comprehensive design recommendations and implementation-ready patterns across both web and mobile projects, covering layouts, color, and typography for these specific platforms.

How do I apply typography and color decisions across multiple tech stacks?

You apply typography and color decisions across multiple tech stacks by using automated design system recommendations. This provides structured style guidance that translates typography and color choices into implementation-ready rules for frameworks like React, Vue, Svelte, and Flutter.

When should I not use an automated design system for my web interface?

You should not use an automated design system when your web interface requires highly bespoke, unconventional layouts that fall outside standard structured pattern rules. If your project needs strictly manual artistic direction rather than domain-specific best practices, automated guidance may not fit.