skills.rest
marablemarcel
marablemarcelCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate a cohesive design system with patterns, color, typography, and components.

Updated Jan 6, 2026
Search Tags:#typography#accessibility#ui-ux#design-system#pattern-library#color-palette#design-guidelines
One-click install
npx skills add https://github.com/marablemarcel/Living-Lytics --skill ui-ux-pro-max-marablemarcel
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/marablemarcel/Living-Lytics/tree/main/living-lytics/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/marablemarcel/Living-Lytics --skill ui-ux-pro-max-marablemarcel

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

The UI/UX design process is often fragmented and time-consuming, and this skill automates planning by generating a cohesive design system that aligns patterns, color palettes, typography, and components across web, mobile, and admin interfaces.

Core Features & Use Cases

  • Generate a comprehensive design system with 50+ styles, 97 color palettes, 57 font pairings, and 25 chart types across 9 stacks.
  • Provide implementation guidance for pattern definitions, color strategy, typography, accessibility, and component usage.
  • Use this as a foundation for websites, dashboards, SaaS apps, landing pages, and mobile experiences to ensure consistency.

Quick Start

Provide your product type and design goals, and the tool will generate a complete design system with patterns, colors, typography, and usage guidelines.

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 streamlines UI/UX planning by automatically aligning color palettes, typography, and component patterns across web and mobile interfaces. It solves the problem of fragmented design processes by providing a single, cohesive foundation for all your digital products.

What is included in a generated design system for web and mobile apps?▼

Yes, the generated design system explicitly includes accessibility considerations alongside pattern definitions, color strategy, and typography. This ensures your UI/UX components meet accessibility standards while maintaining visual consistency across all platforms.

How do I use a pattern library to ensure consistent UI components across platforms?▼

Yes, the design system covers 9 different stacks and includes 25 chart types, making it suitable for generating complex data visualizations and admin dashboards. It provides specific color strategy and component guidance for these use cases.

What do I need to provide to start generating UI design guidelines?▼

You need to provide your product type and design goals to start generating UI design guidelines. The tool then outputs a complete design system with patterns, colors, typography, and usage rules tailored to your specific inputs.

Related Skills

Explore More Design & Creative Skills→
ovachieverovachiever
52

ui-design-system

Generate design tokens from brand colors in JSON, CSS, or SCSS.

Community
Advanced
elijahbowieelijahbowie

design-guide

Codify frontend UI design standards for tokens, typography, and components.

Community
Advanced
haojing8312haojing8312
154

color-font-skill

Generate presentation-ready color palettes and font pairings with hex codes.

Community
Basic
abrahamgreysonabrahamgreyson

gsd:reference:ui-brand

Apply UI and branding guidelines to GSD projects.

Community
Intermediate