skills.rest
gnoblet
gnobletCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Translate design goals into a complete design system plan with patterns, colors, typography, and components.

1|Updated Mar 9, 2026
Search Tags:#typography#design#patterns#ui-ux#design-system#color-palette#component-guides
One-click install
npx skills add https://github.com/gnoblet/ANA_app_svelte --skill ui-ux-pro-max-gnoblet
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/gnoblet/ANA_app_svelte/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/gnoblet/ANA_app_svelte --skill ui-ux-pro-max-gnoblet

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX design teams struggle to maintain consistency across products and projects, wasting time designing components, color systems, and typography from scratch.

Core Features & Use Cases

  • 67 styles, 96 color palettes, 57 font pairings, 25 chart patterns, and 13 technology stacks to accelerate design exploration.
  • Provides actionable guidance for planning, building, and reviewing UI assets, with search across styles, colors, typography, charts, and components.
  • Use Case: rapidly generate a complete design system for a SaaS dashboard or marketing site, including color tokens, typography, and component guidelines.

Quick Start

Describe your UI/UX design needs (e.g., a SaaS dashboard) and let UI/UX Pro Max generate a complete design system with patterns, colors, typography, and components.

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 complete design system is generated by translating your product goals into cohesive recommendations for colors, typography, and components. It searches across product, style, and color domains to produce an implementable master plan with optional page overrides for targeted experiences.

What is the best way to explore color palettes and font pairings for a marketing site?▼

Exploring color palettes and font pairings involves cross-domain searches across 96 color palettes and 57 font pairings to accelerate design exploration. It provides actionable guidance for planning and building marketing site UI assets.

Can I use this to generate component guides and chart patterns for web apps?▼

Yes, you can generate component guides and chart patterns for web apps. It applies cross-domain searches across 25 chart patterns and 13 technology stacks to produce actionable guidance for reviewing UI assets.

Does the generated UI design system support overrides for specific landing pages?▼

Yes, the generated UI design system supports optional page overrides for specific landing pages. It produces an implementable master design system covering patterns and typography, with overrides for targeted dashboard or marketing experiences.

How many design styles are available for building UI assets?▼

67 design styles are available for building UI assets, alongside 96 color palettes and 57 font pairings. This variety allows rapid generation of a complete design system tailored to specific product requirements.

Related Skills

Explore More Design & Creative Skills→
adminsairolotech-bitadminsairolotech-bit

design-exploration

Generate a structured design brief and delegate to the design subagent.

Community
Advanced
dirnbauerdirnbauer
33

frontend-design

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

Community
Basic
KhoiwallKhoiwall

mockup-to-code

Convert UI mockups into React, Vue, or plain HTML code.

Community
Advanced
kkn1125kkn1125

theme-factory

Apply pre-set or custom themes with color palettes and font pairings to design documents and web pages.

Community
Intermediate