ui-ux-pro-max

Generate UI/UX design systems with prioritized style recommendations.

Updated Apr 10, 2026
One-click install
npx skills add https://github.com/enights15-max/duty-v2 --skill ui-ux-pro-max-enights15-max
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/enights15-max/duty-v2/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/enights15-max/duty-v2 --skill ui-ux-pro-max-enights15-max

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill removes the manual work and guesswork of creating consistent, production-ready UI/UX design systems by producing prioritized style recommendations, color palettes, typography pairings, chart choices, and stack-specific implementation guidance for web and mobile projects.

Core Features & Use Cases

  • Design system generation that aggregates domain searches (style, color, typography, landing, product) and applies reasoning rules to produce a cohesive pattern, color strategy, typography, and effects guidance.
  • Stack-aware implementation advice with defaults for html-tailwind and options for react, nextjs, vue, svelte, mobile stacks, plus chart and UX recommendations.
  • Persistence pattern that writes a MASTER source of truth and page-level override files for hierarchical retrieval; useful for building landing pages, dashboards, and multi-page applications quickly and consistently.

Quick Start

Run the design system generator with a clear project query and enable persistence to create a MASTER design-system and optional page override for iterative development.

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/UX design system for a SaaS dashboard?

You can generate a UI/UX design system for a SaaS dashboard by running the generator with a project query. It applies reasoning rules to produce cohesive color palettes, typography pairings, and stack-specific implementation guidance.

Can I get Tailwind implementation guidance for my web design system?

Yes, you can get Tailwind implementation guidance for your web design system. The generator provides stack-aware advice with default settings for html-tailwind, alongside optional react, nextjs, vue, and svelte configurations.

How does color palette and typography selection work for landing pages?

Color palette and typography selection for landing pages works through BM25-driven searches across CSV datasets. The system applies style priority reasoning rules to output a cohesive pattern and typography strategy for your project.

What is the best way to maintain consistency across multi-page web applications?

The best way to maintain consistency across multi-page web applications is using the persistence pattern. It writes a MASTER source of truth file and page-level overrides for hierarchical retrieval during iterative development.

Does the design system generator support mobile app stacks?

Yes, the design system generator supports mobile app stacks. It provides stack-aware implementation advice and prioritized UI recommendations specifically tailored for mobile products alongside web defaults.