skills.rest
marchatton
marchattonCOMMUNITY
Explore all skills by this author →
Website𝕏@marchattonhereGitHub

ui-ux-pro-max

Generate design systems and UX guidelines for web and mobile applications.

5|Updated Oct 22, 2025
Search Tags:#accessibility#react#design system#ui/ux#web design#tailwind#mobile app design
One-click install
npx skills add https://github.com/marchatton/agent-skills --skill ui-ux-pro-max-marchatton
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/marchatton/agent-skills/tree/main/.agents/skills/04-develop/01-ui-skills-dot-com/ui-ux-pro-max
Command: npx skills add https://github.com/marchatton/agent-skills --skill ui-ux-pro-max-marchatton

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 best practices, style recommendations, and implementation guidance across various technology stacks to ensure high-quality, user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Creates detailed design systems based on product type, industry, and desired style.
  • UX Best Practices: Offers critical guidelines for accessibility, performance, and interaction.
  • Stack-Specific Advice: Provides tailored recommendations for HTML/Tailwind, React, Vue, and more.
  • Use Case: When building a new SaaS dashboard, use this Skill to generate a professional design system, select an appropriate color palette, and ensure accessibility compliance.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a professional beauty spa landing page.

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 or mobile application?▼

To generate a design system, define your product type, industry, and desired visual style. The Skill then outputs a comprehensive design system covering color palettes, typography rules, and UX guidelines for web and mobile applications.

What's the best way to ensure accessibility compliance in UI/UX design?▼

Ensure accessibility compliance by applying critical UX best practices for interaction and visual consistency. This Skill provides detailed guidelines to help your web and mobile interfaces adhere to accessibility standards across different technology stacks.

Can I get UI/UX design recommendations tailored for React and Tailwind?▼

Yes, you can get stack-specific advice for React and Tailwind. The Skill provides tailored design recommendations and implementation guidance to ensure visual consistency across supported stacks including HTML, Vue, and React.

Does this UI/UX guidance work for SaaS dashboards and mobile apps?▼

Yes, this UI/UX guidance works for SaaS dashboards and mobile apps. It facilitates domain-specific searches and provides style recommendations to ensure high-quality, user-friendly interfaces across both web and mobile application contexts.

How do I choose the right color palette and typography for my landing page?▼

Choose the right color palette and typography by leveraging intelligent design guidance. The Skill evaluates your product type and desired style to offer recommendations that maintain visual consistency and performance for your landing pages.

Related Skills

Explore More Design & Creative Skills→
BatsiraiBatsirai

design-consultation

Generates a DESIGN.md design system blueprint for web apps and dashboards.

Community
Advanced
jac007xjac007x

design-system-validator

Audit Walmart design-system compliance across tokens, components, and spacing.

Community
Advanced
PeterHddPeterHdd
27

cleanui

Improve AI-generated user interfaces with design best practices and layout intelligence.

Community
Advanced
ic-facetic-facet

web-design-guidelines

Review UI code against Web Interface Guidelines for compliance.

Official
Basic