skills.rest
sagnick11tib
sagnick11tibCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate scalable UI/UX design systems with BM25 search and Master overrides.

Updated Mar 27, 2026
Search Tags:#ui#search#ux#design-system#design-guidelines#bm25
One-click install
npx skills add https://github.com/sagnick11tib/StackLab --skill ui-ux-pro-max-sagnick11tib
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/sagnick11tib/StackLab/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/sagnick11tib/StackLab --skill ui-ux-pro-max-sagnick11tib

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Designers and product teams often struggle to align UI patterns, color systems, typography, and accessibility across web and mobile projects. This Skill provides a centralized design-intelligence workflow that surfaces consistent design tokens, patterns, and guidelines to speed up decision-making and delivery.

Core Features & Use Cases

  • Multi-domain BM25 search over styles, color palettes, typography, and landing patterns to surface relevant rules and recommendations.
  • Auto-generated design system outputs (ASCII box or Markdown) including color, typography, spacing, and component specs.
  • Master + page override persistence for hierarchical retrieval across projects and sessions.

Quick Start

Generate a complete design system for a SaaS dashboard, using the project name "My 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/UX design system for web and mobile projects?▼

Generate a UI/UX design system by aggregating cross-domain guidelines into actionable patterns. The tool outputs complete color, typography, spacing, and component specifications formatted as ASCII boxes or Markdown.

What is BM25 search for design guidelines and how does it work?▼

BM25 search ranks curated design data by relevance to surface matching styles, color palettes, typography, and landing patterns. This mechanism ensures consistent design-token retrieval for web and mobile interfaces.

Can I use this design system generator for a SaaS dashboard?▼

You can use this design system generator for a SaaS dashboard by specifying your project name. It targets product teams building web and mobile interfaces and outputs actionable design patterns.

How do I apply page-level customization to a generated design system?▼

Apply page-level customization to a generated design system using Master and overrides persistence. This hierarchical retrieval supports project-level rules while allowing page-specific modifications across sessions.

What formats are used for auto-generated design system outputs?▼

Auto-generated design system outputs are delivered as ASCII boxes or Markdown. These formats document color, typography, spacing, and component specs for web and mobile interfaces.

Why use a centralized design-intelligence workflow for UI patterns?▼

Use a centralized design-intelligence workflow for UI patterns to align color systems, typography, and accessibility across projects. It speeds up decision-making and delivery by surfacing consistent design tokens.

Related Skills

Explore More Design & Creative Skills→
stevengonsalvezstevengonsalvez

teach-impeccable

Gather design context from a repository and persist it to AI configuration.

Community
Intermediate
lagarcesslagarcess
1

stitch-design-taste

Generate DESIGN.md files with Stitch-readable semantic design descriptions.

Community
Intermediate
Harmeet10000Harmeet10000
7

design-system-patterns

Standardizes tokens, theming, and component APIs for scalable UI foundations across web and mobile.

Community
Advanced
abhay-ranaabhay-rana
2

ui-ux-pro-max

Generates hierarchical Master design documents with optional page-specific overrides from aggregated UI/UX search results.

Community
Advanced