skills.rest
haidonglethqb
haidonglethqbCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Synthesize UI/UX design-system guidance into a cohesive design blueprint.

Updated Feb 27, 2026
Search Tags:#typography#a11y#components#ui-ux#design-system#color-palette#design-guidelines
One-click install
npx skills add https://github.com/haidonglethqb/CloudSchool --skill ui-ux-pro-max-haidonglethqb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/haidonglethqb/CloudSchool/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/haidonglethqb/CloudSchool --skill ui-ux-pro-max-haidonglethqb

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX teams struggle to assemble cohesive design systems quickly from scattered guidelines, leading to inconsistent interfaces and slower delivery.

Core Features & Use Cases

  • Multi-domain design guidance across styles, colors, typography, landing patterns, and component recommendations.
  • Auto-suggests color palettes, typography pairings, and UI patterns tailored to project goals.
  • Reusable, AI-assisted design-system blocks that can be exported as MASTER.md and page overrides.

Quick Start

Generate a complete design-system plan for a SaaS dashboard by feeding project requirements.

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 cohesive design system for a SaaS dashboard?▼

Generate a cohesive design system by inputting project requirements to synthesize UI/UX guidance into tailored patterns, color palettes, typography, and components. This process creates a unified blueprint for dashboards, websites, or apps.

What is the best way to assemble UI/UX guidelines from scattered sources?▼

Assemble UI/UX guidelines by synthesizing multi-domain design rules into a single cohesive blueprint. This approach prevents inconsistent interfaces by consolidating styles, colors, typography, and component recommendations into one source.

Can I export and persist design-system overrides for specific pages?▼

Persist design-system overrides using the optional Master and page-level overrides functionality. You can export reusable AI-assisted design-system blocks as a MASTER.md file to maintain consistent application across projects.

Does this design guideline tool support accessibility and color palette generation?▼

Accessibility and color palette generation are supported through auto-suggested palettes and typography pairings tailored to project goals. The synthesized design blueprint incorporates a11y standards to ensure compliant interface components.

How do I create landing page patterns tailored to my project goals?▼

Create tailored landing page patterns by feeding project requirements to the design synthesis engine. It auto-suggests UI patterns, typography pairings, and color palettes specifically aligned with your marketing or application objectives.

Related Skills

Explore More Design & Creative Skills→
SwimmingLiuSwimmingLiu
1

teach-impeccable

Gather and persist project design context into a configuration file.

Community
Intermediate
webdevcom01-cellwebdevcom01-cell
3

ui-ux-pro-max

Aggregate design guidance into a cohesive design system document.

Community
Advanced
chicongstchicongst
2

ui-design

Automates UI design execution by applying tokens, palettes, typography and spacing across frameworks.

Community
Intermediate
dabowmandabowman

figma-guidelines

Guide Figma design principles, component architecture, auto layout, and collaboration tools.

Community
Advanced