ui-ux-pro-max

Generate design systems and UI/UX guidance across product, style, color, landing, and typography domains.

Updated Mar 29, 2026
One-click install
npx skills add https://github.com/Mohabsmar/VoiceDev-2.0 --skill ui-ux-pro-max-mohabsmar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Mohabsmar/VoiceDev-2.0/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Mohabsmar/VoiceDev-2.0 --skill ui-ux-pro-max-mohabsmar

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This UI/UX design assistant automates the generation of complete design systems and actionable guidance for building polished interfaces, reducing time-to-delivery and design debt.

Core Features & Use Cases

  • Multi-domain design system generation across product, style, color, landing, and typography to produce cohesive UI language.
  • Iterative UX guidance: refine flows, information architecture, accessibility, and copy/microcopy with concrete, implementation-ready recommendations.
  • Design tokens & component guidelines: generate tokens, spacing, typography, color palettes, and CSS/SCSS snippets ready for code integration.

Quick Start

Ask for a complete UI/UX design system for your project, including patterns, tokens, and implementation guidelines.

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/UX design system with design tokens and accessibility guidelines?

To generate a UI/UX design system, request cohesive product, style, color, and typography guidelines. The system outputs token-based design tokens, accessibility considerations, and CSS/SCSS snippets ready for web and mobile implementation.

Can I use this to get implementation-ready CSS or SCSS snippets for my component guidelines?

Yes, you can generate implementation-ready CSS and SCSS snippets. The system provides component guidelines alongside token-based design outputs to ensure direct code integration into your web and mobile stacks.

What is the best way to create a cohesive UI language across multiple product domains?

The best way to create a cohesive UI language is using multi-domain design system generation. It performs domain-aware searches and reasoning to produce unified product, style, and typography outputs for your interfaces.

How do I refine user flows and information architecture with concrete UX recommendations?

You can refine user flows and information architecture by requesting iterative UX guidance. The system provides concrete, implementation-ready recommendations for accessibility, copy, and microcopy tailored to your domain.

Does this design system generator support page-level overrides for web and mobile stacks?

Yes, the design system generator supports optional page-level overrides. It provides domain-aware outputs and implementation-ready guidelines specifically tailored for both web and mobile stacks.