skills.rest
datamonsterr
datamonsterrCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design system recommendations for web and mobile projects.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Streamlines UI/UX decision-making by generating cohesive design-system guidance that couples patterns, color, typography, and accessibility considerations into a ready-to-use blueprint.

Core Features & Use Cases

  • Multi-domain design system generation across color, typography, patterns, and UI guidelines
  • Context-aware style prioritization and reasoning to align with product goals
  • Output formats include ASCII box and Markdown documentation plus implementation checklists
  • Reusable design-system artifacts for websites, dashboards, and mobile apps

Quick Start

Run the design system generator with your project focus to obtain a ready-to-use UI/UX blueprint.

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 UI design system with color palettes and typography for my web project?▼

A UI design system generator analyzes your project focus to synthesize patterns, colors, and typography. It delivers a ready-to-use UI/UX blueprint with style recommendations and an implementation checklist for web and mobile projects.

Can I get UI/UX design recommendations for React, Next.js, and Tailwind projects?▼

Yes, you can get design recommendations for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and Tailwind. The generator applies context-aware style prioritization to align with your specific stack and product goals.

What is the best way to create cohesive UI guidelines and patterns for a mobile app?▼

The best way to create cohesive UI guidelines is by generating multi-domain design-system guidance. This approach couples patterns, color, typography, and accessibility considerations into a unified, ready-to-use blueprint for mobile apps.

Does the generated design system include accessibility considerations and implementation steps?▼

Yes, the generated design system includes accessibility considerations and an implementation checklist. It outputs documentation in Markdown and ASCII box formats to ensure you can directly apply the UI guidelines and verify implementation steps.

How do I create a reusable design-system artifact for a dashboard?▼

You create reusable design-system artifacts for dashboards by running the generator with your project focus. It produces a complete UI/UX blueprint containing typography, color palettes, and patterns to accelerate your design decisions.

Related Skills

Explore More Design & Creative Skills→
mschuerigmschuerig

bmad-generate-project-context

Generate a project-context.md documenting tech stack, patterns, and workflows.

Community
Advanced
sinhong2011sinhong2011
5

ui-ux-pro-max

Provide UI/UX design intelligence with styles, palettes, and font pairings.

Community
Advanced
daymadedaymade
1.3k

ui-designer

Extract color palettes, typography, spacing, and component styles from reference UI images.

Community
Advanced
darkmatterdarkmatter
1

ui-ux-pro-max

Select UI and UX guidance by matching style, palette, typography, layout, motion, and interaction rules.

Official
Advanced