ui-ux-pro-max

Generate UI/UX design systems from user queries using BM25 search.

Updated Jul 12, 2025
One-click install
npx skills add https://github.com/pylover7/ZgAdmin --skill ui-ux-pro-max-pylover7
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/pylover7/ZgAdmin/tree/main/.codebuddy/skills/ui-ux-pro-max
Command: npx skills add https://github.com/pylover7/ZgAdmin --skill ui-ux-pro-max-pylover7

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, csv, pandas, bmu25, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill simplifies UI/UX design by providing intelligent design systems and comprehensive recommendations.

Core Features & Use Cases

  • Intelligent Design System Generation: Automatically generates design systems based on user queries.
  • Multi-Domain Search: Offers suggestions across various design aspects like colors, typography, and UI styles.
  • Use Case: When designing a new SaaS application, the Skill can quickly generate a complete design system based on user specifications, including color palettes, typography, and UI components.

Quick Start

Generate a design system for a SaaS dashboard using the 'ui-ux-pro-max' skill and the query 'SaaS dashboard'.

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 SaaS dashboard?

To generate a UI/UX design system for a SaaS dashboard, input your specific query and the Skill analyzes it to offer recommendations across style, color, typography, and layout. It outputs structured design rationales in both ASCII box and Markdown formats.

What is a design rationale CSV file and why is it needed for UI generation?

A design rationale CSV file provides the foundational data required for UI generation. The Skill utilizes this CSV data alongside BM25 search algorithms to intelligently match your query and generate accurate UI style recommendations.

Do I need Python and pandas to use this UI/UX design generation tool?

Yes, you need Python and pandas installed because the Skill relies on these dependencies to process CSV data files and execute its BM25 search algorithms. These components are essential for generating the design system recommendations.

Can I get color and typography recommendations for a new application interface?

Yes, you can get color and typography recommendations by submitting a query describing your application interface. The Skill performs a multi-domain search to provide comprehensive suggestions across various design aspects including layout and UI styles.

What output formats are supported for the generated design system?

The generated design system supports both ASCII box and Markdown format outputs. This allows you to easily integrate the design recommendations into your documentation or view them directly in your development environment.

How does BM25 search work for UI style recommendations?

BM25 search ranks the relevance of design rationale data against your specific user query to generate UI style recommendations. This mechanism ensures the suggested colors, typography, and layout align with your specified application requirements.