ui-ux-pro-max

Search UI/UX domains and generate design system recommendations with MASTER.md persistence.

Updated Mar 7, 2026
One-click install
npx skills add https://github.com/Geargrindadmin/gg-agentic-harness --skill ui-ux-pro-max-geargrindadmin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Geargrindadmin/gg-agentic-harness/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Geargrindadmin/gg-agentic-harness --skill ui-ux-pro-max-geargrindadmin

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the UI/UX design process by providing data-driven recommendations for product types, styles, color palettes, typography, and UX best practices, ensuring professional and effective designs.

Core Features & Use Cases

  • Design System Generation: Creates a complete design system based on project requirements, including patterns, styles, colors, and typography.
  • Stack-Specific Guidelines: Offers implementation advice for various frontend stacks like HTML/Tailwind, React, and Next.js.
  • Use Case: When starting a new SaaS dashboard project, use this Skill to generate a cohesive design system that includes a professional color palette, a clean typography pairing, and best practices for interactive elements, ensuring a polished and user-friendly interface.

Quick Start

Generate a design system for a 'beauty spa wellness service' project named 'Serenity Spa'.

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 for a new project?

Generating a complete UI/UX design system involves aggregating search results across product types, styles, colors, typography, and UX guidelines to output a cohesive design system recommendation. The system applies reasoning rules from a CSV file to provide professional, data-driven design intelligence.

What is the best way to create a cohesive color palette and typography pairing for a SaaS dashboard?

Creating a cohesive color palette and typography pairing for a SaaS dashboard requires analyzing product type and style guidelines. This process applies UX best practices and reasoning rules to generate a complete design system with professional color selections and clean typography pairings.

Can I use this generated design system with frontend development stacks like React and Next.js?

Yes, the generated design system offers stack-specific guidelines for frontend development stacks including HTML/Tailwind, React, and Next.js. It provides implementation advice to ensure your design system translates effectively into your chosen frontend architecture.

How do I persist and manage page-specific design overrides?

Persisting and managing page-specific design overrides is supported by saving the main design system into a MASTER.md file. You can then generate and store page-specific override files to maintain core consistency while allowing individual page adjustments.

Does UI/UX design system generation work without external dependencies?

Yes, UI/UX design system generation works without external dependencies. It relies on internal scripts and references to search across multiple domains and apply reasoning rules from an internal CSV file to produce comprehensive design recommendations.