skills.rest
guilhermemarketing
guilhermemarketingCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems from UI/UX needs with multi-domain searches.

59|14|Updated Mar 10, 2026
Search Tags:#typography#accessibility#ui-ux#design-system#color-palette#component-guidelines
One-click install
npx skills add https://github.com/guilhermemarketing/esc-skills --skill ui-ux-pro-max-guilhermemarketing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/guilhermemarketing/esc-skills/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/guilhermemarketing/esc-skills --skill ui-ux-pro-max-guilhermemarketing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX design teams often struggle with inconsistent patterns and time-consuming design-system creation. This skill provides a production-ready design intelligence to accelerate building cohesive interfaces across stacks.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 tech stacks, all searchable and reusable.
  • Generates design systems for websites, dashboards, marketing pages, and mobile apps; ensures accessibility, responsive behavior, and design consistency.
  • Includes workflow guidance for selecting patterns, colors, typography, spacing, and components; supports stacks like html-tailwind, react, nextjs, vue, svelte, swiftui, react-native, flutter, shadcn, jetpack-compose.

Quick Start

Ask the AI to generate a complete design system for your project using multi-domain searches and the design-system workflow.

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 design system for a React or Next.js project?▼

To generate a design system, the Skill applies multi-domain searches across color, typography, and layout. It outputs cohesive component guidelines, patterns, and spacing rules tailored to your specific React or Next.js stack.

What is the best way to ensure accessibility and consistency in a UI/UX design system?▼

Ensuring accessibility and consistency involves applying standardized UX guidelines and predefined color palettes. The Skill aggregates 99 UX guidelines and accessible color palettes to guarantee responsive behavior and design consistency.

Can I use this to find font pairings and color palettes for a mobile app?▼

Yes, you can find font pairings and color palettes for mobile apps. The Skill searches 57 font pairings and 97 color palettes, generating tailored design systems for mobile stacks like Swift UI, React Native, and Flutter.

Does the design system workflow support shadcn and Tailwind CSS components?▼

The design system workflow supports html-tailwind and shadcn stacks. It provides implementation-ready component guidelines, ensuring your selected patterns and styles integrate directly into these frameworks.

How do I select UI patterns and chart types for a dashboard layout?▼

To select UI patterns and chart types for dashboards, the Skill aggregates layout and style search results. It includes 25 chart types and 99 UX guidelines, delivering a cohesive interface system ready for implementation.

Why does my design system lack implementation readiness across different tech stacks?▼

Implementation readiness fails without standardized component guidelines and stack-specific patterns. The Skill resolves this by aggregating multi-domain search results into a cohesive system across 9 tech stacks, ensuring immediate usability.

Related Skills

Explore More Design & Creative Skills→
apexbusiness-systemsapexbusiness-systems
4

test-driven-development

Define and enforce test-driven development workflows with failing tests first.

Community
Basic
PeterHddPeterHdd
27

cleanui

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

Community
Advanced
algusaemalgusaem

tailwind-design-system

Build Tailwind CSS design systems with semantic tokens and CVA-based components.

Community
Intermediate
dylantarredylantarre
38

color-contrast

Validate color combinations against WCAG 2.1 contrast requirements and generate accessible pairings.

Community
Basic