skills.rest
GGEdu
GGEduCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems with styles, colors, typography, and components across multiple stacks.

Updated Mar 31, 2026
Search Tags:#typography#design#ui#ux#design-system#color-palette
One-click install
npx skills add https://github.com/GGEdu/claude-god-mode-template --skill ui-ux-pro-max-ggedu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/GGEdu/claude-god-mode-template/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/GGEdu/claude-god-mode-template --skill ui-ux-pro-max-ggedu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Streamlines UI/UX decision-making by delivering AI-driven design guidance and ready-to-use design-system patterns across multiple tech stacks.

Core Features & Use Cases

  • AI-powered design-system generation across 10 stacks and 37 specialized agents to produce cohesive styles, color systems, typography, and components.
  • Domain-aware overrides and persistent memory for master rules with page-level deviations to support scalable design governance.
  • Quick-start references and hands-on guidance to accelerate workflow from planning to implementation.

Quick Start

Run the design-system search for your project to generate a complete UI/UX design system.

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 my project?▼

Generating a UI/UX design system requires running a design-system search to automatically produce cohesive styles, color palettes, typography, and components across multiple tech stacks. This provides ready-to-use patterns and persistent master rules for scalable design governance.

Can I apply domain-aware overrides and page-specific deviations in design-system automation?▼

Design-system automation supports domain-aware overrides and page-level deviations while maintaining persistent master rules. This hierarchical retrieval approach allows specific page adjustments without breaking the core design system governance across web and mobile products.

What is the best way to select styles and color palettes for web and mobile product design?▼

Selecting styles and color palettes is best handled by AI-driven design intelligence that analyzes your project requirements. It generates cohesive color systems and typography rules tailored to your specific domain across multiple stacks for consistent product design.

Does this design guidance support multiple tech stacks for component generation?▼

Design guidance supports component generation across 10 tech stacks using 37 specialized agents. This multi-stack compatibility ensures you receive cohesive styles and components configured for your specific development environment and framework requirements.

How do I maintain master rules when creating page-specific design deviations?▼

Maintaining master rules during page-specific deviations relies on persistent memory and hierarchical retrieval. The system enforces core design governance while allowing localized overrides, ensuring scalable consistency without manual rule tracking across complex projects.

Related Skills

Explore More Design & Creative Skills→
skyf0xxskyf0xx
26

hedgehog-planning-intake

Convert project descriptions into BMAD-based technical build plans and TODO checklists.

Community
Advanced
hueyexehueyexe
3

design-systems-frontend-architecture

Plans scalable frontend systems with tokens, components, and governance.

Community
Advanced
dirnbauerdirnbauer
33

frontend-design

Design frontend interfaces with typography, color palettes, motion, and CSS/HTML examples.

Community
Basic
themewagonthemewagon
1

tailwind

Enforce Tailwind v4 design tokens by replacing hardcoded colors and inline styles.

Official
Advanced