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.