skills.rest
qdhenry
qdhenryCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate comprehensive UI design systems from project requirements.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Automates the creation of comprehensive UI design systems from project requirements, reducing time-to-design consensus and ensuring consistency across platforms.

Core Features & Use Cases

  • Generates a complete design system including patterns, colors, typography, and accessibility guidelines.
  • Supports multi-stack outputs (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui) and hierarchical overrides with a Master and page-specific rules.
  • Provides guided workflows for design-system generation, persistence, and domain-specific refinements across product types.

Quick Start

Invoke the UI/UX Pro Max workflow to generate a complete design system for your project.

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 from project requirements?▼

You can generate a UI design system by providing project requirements, which produces comprehensive patterns, color palettes, typography, and accessibility constraints for web and mobile interfaces.

Can I create design systems for both web and mobile UI projects across different stacks?▼

Yes, design systems apply to web and mobile UI projects across product domains, supporting stack-aware outputs for React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.

What is the best way to maintain design system consistency across multiple platforms?▼

The best way to maintain consistency is using a Master design system with hierarchical page-specific rules, ensuring reusable patterns persist across multi-stack outputs like Tailwind and shadcn/ui.

Does the generated design system include accessibility guidelines and color palettes?▼

Yes, the generated design system includes accessibility constraints and color palettes alongside typography rules, satisfying requirements for multi-domain guidance and design-system persistence.

How do I apply hierarchical overrides to a Master design system for different product domains?▼

You apply hierarchical overrides by generating a Master design system with page-specific rules, allowing domain-specific refinements across different product types while maintaining core UX consistency.

What are the limitations of automating design system generation for multi-stack outputs?▼

Automation focuses on generating design system structure, colors, and typography; developers still need to manually implement stack-aware outputs in their chosen framework like Svelte or SwiftUI.

Related Skills

Explore More Design & Creative Skills→
gustavscirulisgustavscirulis
114

ux-spec

Generate UI/UX specifications with wireframes and design systems from PRDs.

Community
Advanced
atxinskyatxinsky
4

ui-ux-pro-max

Retrieve stack-specific UI/UX design guidelines and generate design tokens.

Community
Advanced
chris78reychris78rey

design-system-components

Generate HTML/Tailwind UI components and design tokens with CSS variables and reusable patterns.

Community
Basic
nikkogiblernikkogibler
2

ui-ux-pro-max

Aggregate multi-domain UI/UX guidance into a Master design system document.

Community
Advanced