ui-ux-pro-max

Index and retrieve UI/UX design guidance by ranking style guides with a BM25 engine.

Updated Apr 14, 2026
One-click install
npx skills add https://github.com/daudaudinang/vibecode --skill ui-ux-pro-max-daudaudinang
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/daudaudinang/vibecode/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/daudaudinang/vibecode --skill ui-ux-pro-max-daudaudinang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill addresses the challenge of quickly discovering consistent UI/UX guidance and design systems across multiple domains (styles, colors, typography, layouts, and patterns) to accelerate product design and ensure accessibility and consistency.

Core Features & Use Cases

  • Multi-domain guidance: aggregate styles, colors, typography, landing patterns, and UX guidelines into a searchable knowledge base.
  • Design system generation: produce a cohesive design plan with pattern, style, color, and typography recommendations.
  • Page-level overrides: persist master rules with optional page-specific overrides for projects like dashboards or marketing sites.
  • Contextual reasoning: apply rules to match product category and stakeholder needs, surfacing anti-patterns and best practices.

Quick Start

Provide a project context and run the design-system generation with the project name to obtain a ready-to-use 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 design system for a multi-domain project?▼

To generate a UI design system, provide your project context and run the design-system generation workflow to produce a cohesive plan with color palettes, typography, layout patterns, and component recommendations for web and mobile apps.

What is the best way to find consistent UX guidelines across different styles?▼

Finding consistent UX guidelines requires indexing and retrieving style guides across multiple domains using a BM25 ranking engine, which surfaces best practices and anti-patterns for your specific product category and stakeholder needs.

Can I apply page-level overrides to a master design system for dashboards?▼

Yes, you can apply page-level overrides to a master design system, persisting master rules while allowing page-specific overrides for distinct projects like marketing sites or dashboards.

How do I select color palettes and typography for web and mobile apps?▼

Selecting color palettes and typography involves querying a searchable knowledge base of multi-domain styles, which applies contextual reasoning to match recommendations to your product category and ensure accessibility and consistency.

Does this UI-UX design search approach work without external dependencies?▼

Yes, this UI-UX design search approach works without external dependencies, relying entirely on internal scripts to rank and retrieve design guidance across multiple domains.

When should I use a BM25 engine for design system retrieval?▼

You should use a BM25 engine for design system retrieval when you need to quickly discover consistent UI/UX guidance by ranking style guides across multiple domains to accelerate product design.