skills.rest
c0x12c
c0x12cOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Aggregate UI/UX guidelines and generate a complete design system.

96|9|Updated Mar 21, 2026
Search Tags:#typography#accessibility#ui-ux#design-system#design-patterns#color-palette#ai-guidance
One-click install
npx skills add https://github.com/c0x12c/ai-toolkit --skill ui-ux-pro-max-c0x12c
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/c0x12c/ai-toolkit/tree/main/toolkit/skills/ui-ux-pro-max
Command: npx skills add https://github.com/c0x12c/ai-toolkit --skill ui-ux-pro-max-c0x12c

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Consolidates scattered UI/UX guidelines into a single, actionable design system, reducing guesswork and design drift across teams.

Core Features & Use Cases

  • Multi-domain design guidance: product, style, color, typography, and landing patterns are aggregated to generate cohesive systems.
  • Design-system generation with persistence: Master + Overrides support to tailor page-level rules for consistency and reuse.
  • Automated exploration and reasoning: uses AI-assisted reasoning rules to select patterns, color moods, and typography strategies for a given product category.

Quick Start

Run the design system generator with your query to produce a complete 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 design system for a SaaS dashboard?▼

A design system aggregates scattered UI/UX guidelines into actionable rules for color, typography, and components. It reduces guesswork and prevents design drift across SaaS dashboards, landing pages, and mobile apps.

Can I override typography and color palette rules for specific landing pages?▼

Yes, you can override typography and color palette rules for specific pages. The generator supports Master + Overrides persistence, allowing tailored page-level rules while maintaining overall system consistency.

How does AI guidance select design patterns and color moods for a product?▼

AI guidance uses reasoning rules to automatically explore and select design patterns, color moods, and typography strategies tailored to your specific product category, reducing manual design decisions.

Does the design system generator support accessibility and multi-domain searches?▼

Yes, the generator supports multi-domain searches across product, style, color, typography, and landing patterns. It aggregates these domains to provide accessibility and cohesive component guidance.

What's the best way to maintain UI consistency across different mobile apps?▼

The best way to maintain UI consistency across mobile apps is using Master persistence to establish base rules, then applying optional page overrides via the design-system generator for specific screens.

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
Adelie-SquadAdelie-Squad
17

ui-designer

Create and apply design tokens for color, typography, and spacing.

Official
Intermediate
jac007xjac007x

design-system-validator

Audit Walmart design-system compliance across tokens, components, and spacing.

Community
Advanced
MonichreMonichre

ui-ux-pro-max

Generate design-system documentation with style, color, typography, and UX recommendations.

Community
Advanced