skills.rest
Leandelosantos
LeandelosantosCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate Material UI 6 design systems for React 19 admin dashboards.

Updated Apr 4, 2026
Search Tags:#accessibility#react#dashboard#responsive#design-system#material-ui#cli-search
One-click install
npx skills add https://github.com/Leandelosantos/huevos-point-maestro --skill ui-ux-pro-max-leandelosantos
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Leandelosantos/huevos-point-maestro/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Leandelosantos/huevos-point-maestro --skill ui-ux-pro-max-leandelosantos

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill standardizes the UI/UX of the Maestro dashboard so every component follows the deep-blue brand, responsive breakpoints, accessibility rules, and Material UI v6 patterns expected by superadmin teams.

Core Features & Use Cases

  • Theming & Layout: Defines Material UI colors, typography, layout grids, sidebar/appbar patterns, and currency formatting for the ARS market.
  • Component Blueprint: Guides implementation of login, dashboard, tenant detail, metrics cards, responsive tables, and loading states with Chip, Skeleton, and IconButton conventions.
  • Design System Search Workflow: Runs the CLI search tool to aggregate style, color, typography, and landing pattern recommendations, plus stack-specific guidance for html-tailwind, React, Next.js, and other platforms while enforcing accessibility and performance rules.
  • Use Case: Request a tailored design system before building a new admin page so the MDUI theme, responsive behavior, and accessibility checklist are applied consistently.

Quick Start

Request the design system via the search script for a deep-blue admin 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 create a consistent design system for a React admin dashboard?▼

To create a consistent design system for a React admin dashboard, you need standardized Material UI v6 theming, responsive layout grids, and accessibility rules. This skill generates those guidelines, covering sidebar patterns, metric cards, and tenant tables for superadmin workflows.

What is the best way to enforce accessibility rules in Material UI 6 components?▼

The best way to enforce accessibility rules in Material UI 6 components is to apply a CLI-driven design system that audits login flows, responsive sidebars, and data tables. This ensures UI/UX guidelines are consistently applied across your superadmin dashboard workflows.

Does this design system generation support responsive sidebars and tenant tables?▼

Yes, this design system generation supports responsive sidebars and tenant tables. It provides component blueprints for deep-blue admin dashboards, including login flows, metric cards, and loading states using Chip, Skeleton, and IconButton conventions.

Can I generate Material UI theming for the ARS market using a CLI search tool?▼

Yes, you can generate Material UI theming for the ARS market using a CLI search tool. It aggregates style, color, typography, and currency formatting recommendations tailored for deep-blue admin dashboards in React 19.

How do I standardize UI/UX guidelines for superadmin dashboard workflows?▼

You standardize UI/UX guidelines for superadmin dashboard workflows by requesting a tailored design system before building new pages. This applies Material UI v6 patterns, responsive breakpoints, and deep-blue brand theming consistently across all components.

Related Skills

Explore More Design & Creative Skills→
yuheitomiyuheitomi

set-up-biome

Configure Biome and Shadcn/UI preferences in React projects with pnpm.

Community
Advanced
ilyasibrahimilyasibrahim
80

dashboard-patterns

Implement reusable React dashboard UI patterns for charts, data cards, and filters.

Community
Advanced
JoaquimCassanoJoaquimCassano
1

ui-ux-pro-max

Search a BM25 knowledge base for UI/UX design guidance.

Community
Advanced
hanamizukihanamizuki
127

mobile-android-design

Implement Material Design 3 theming and Jetpack Compose UI patterns for Android apps.

Community
Intermediate