ui-ux-pro-max

Generate UI/UX design systems from project type, stack, and style goals.

Updated Apr 17, 2026
One-click install
npx skills add https://github.com/hackfest-dev/HF26-24 --skill ui-ux-pro-max-hackfest-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/hackfest-dev/HF26-24/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/hackfest-dev/HF26-24 --skill ui-ux-pro-max-hackfest-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max streamlines UI/UX decision-making by providing a comprehensive, AI-assisted design system generator and a searchable knowledge base for colors, typography, patterns, and accessibility.

Core Features & Use Cases

  • Comprehensive library: 67 styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 technology stacks.
  • AI-assisted reasoning to select patterns, color mood, typography mood, and layout suggestions for rapid design iteration.
  • Use case: design systems for websites, dashboards, admin panels, and mobile apps with accessibility and visual consistency.

Quick Start

Describe your project type, target stack, and style goals, and I will generate a complete UI/UX design system.

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 specific technology stack?

Generate a UI/UX design system by describing your project type, target stack, and style goals. The tool applies multi-domain searches across 13 technology stacks to output pattern, color, typography, and UX layout suggestions.

What is AI-assisted UI/UX design intelligence and how does it work?

AI-assisted UI/UX design intelligence uses BM25-style multi-domain searches across style, color, typography, and UX domains. It applies automated reasoning to select patterns and moods, enabling rapid design system generation and iteration for websites and mobile apps.

Can I apply page-level overrides to a generated design system?

Yes, the design system supports hierarchical persistence for master and page-level overrides. This allows product teams to maintain global visual consistency while applying specific pattern or layout overrides for individual dashboard or app pages.

Does the UI/UX design guidance include accessibility and chart recommendations?

Yes, the UI/UX design guidance includes 99 UX guidelines and 25 chart types. It applies AI-assisted reasoning to ensure accessibility and visual consistency across product design systems for admin panels and mobile apps.

What's the best way to iterate on typography and color palettes for a mobile app?

The best way to iterate on typography and color palettes is using the searchable knowledge base containing 96 color palettes and 57 font pairings. It applies reasoning to match typography and color mood to your specific style goals.

When should I not use an automated design system generator?

You should not use an automated design system generator when your project requires highly bespoke visual frameworks outside its 67 preset styles. It is optimized for standard websites, dashboards, and mobile apps rather than experimental or unconventional interface designs.