skills.rest
gridelectric
gridelectricCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Aggregate UI/UX guidance from multiple domains into a cohesive design-system recommendation.

Updated Feb 12, 2026
Search Tags:#ui-ux#design-system#bm25#master-file#multidomain#design-reasoning#page-override
One-click install
npx skills add https://github.com/gridelectric/Grid2 --skill ui-ux-pro-max-gridelectric
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/gridelectric/Grid2/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/gridelectric/Grid2 --skill ui-ux-pro-max-gridelectric

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Comprehensive design guidance and a systematized set of UI/UX patterns across 9 technology stacks to streamline design decisions, ensure consistency, and accelerate delivery.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks to support website, dashboard, mobile, and SaaS projects.
  • Generate a complete design system with pattern, color, typography, and accessibility recommendations, plus page-level overrides and a Master/Overrides retrieval workflow.
  • Surface implementation-ready guidelines for components, layout, typography, spacing, and motion to speed up design-to-code handoffs.

Quick Start

Provide a complete UI/UX design system tailored to your product by describing your requirements and running the design system generator.

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 web and mobile product?▼

A design system recommendation provides pattern, color, typography, and accessibility guidelines, plus page-level overrides, aggregating 50+ styles and 97 color palettes across 9 technology stacks to ensure product consistency.

What's the best way to ensure design consistency across SaaS and dashboard projects?▼

Use a systematized set of UI/UX patterns and a master design file to standardize components and layouts across SaaS projects, ensuring visual and functional consistency throughout the application.

Can I get specific color palettes and font pairings for different technology stacks?▼

Yes, the design system includes 97 color palettes and 57 font pairings across 9 technology stacks, providing tailored visual options for websites, dashboards, and mobile applications.

Does the design system generator support page-level overrides for custom layouts?▼

Yes, the design system supports optional page overrides alongside the master file, allowing custom component styling and layout adjustments while maintaining the core design system structure.

How do I apply accessibility considerations to my UX guidelines?▼

Apply accessibility considerations by using the 99 built-in UX guidelines to inform color contrast, typography sizing, and layout patterns, ensuring your design system meets web and mobile accessibility standards.

Related Skills

Explore More Design & Creative Skills→
cshyangcshyang

gsd:workflow:discovery-phase

Plan and execute a project discovery phase to define requirements and scope.

Community
Intermediate
landim32landim32
1

ui-ux-pro-max

Generate UI/UX design systems with color, typography, and accessibility guidelines.

Community
Advanced
OpenCovenOpenCoven
20

dataviz-dashboard-ux

Guide chart type selection and dashboard design for accessible React visualizations.

Official
Advanced
iasiv5iasiv5
1

ui-ux-pro-max

Generate design systems with color palettes, typography, and UX guidelines.

Community
Advanced