skills.rest
quanhavn
quanhavnCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design-system recommendations for UI/UX projects using BM25 search.

Updated Jan 16, 2026
Search Tags:#ui#templates#reasoning#ux#design-system#bm25#multidomain
One-click install
npx skills add https://github.com/quanhavn/workflow-skills --skill ui-ux-pro-max-quanhavn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/quanhavn/workflow-skills/tree/main/ui-ux-pro-max
Command: npx skills add https://github.com/quanhavn/workflow-skills --skill ui-ux-pro-max-quanhavn

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

The UI/UX Pro Max Skill automates the generation of comprehensive design-system recommendations to accelerate UI/UX work across multiple stacks and domains.

Core Features & Use Cases

  • Multi-domain design guidance: color, typography, layout, accessibility, and chart patterns sourced from a curated data set.
  • Design-system bootstrapping: combines pattern suggestions, color palettes, typography, and component guidance into a ready-to-use system.
  • Use Case: A product team building a SaaS dashboard can generate a cohesive design system with patterns, color strategy, and typography tailored to the product type.

Quick Start

Provide a project description (e.g., "SaaS dashboard for finance") to this skill to generate a design-system plan. Then optionally provide a project name via the CLI with -p.

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 design system for a SaaS dashboard?▼

UI/UX design system automation generates comprehensive design recommendations including color palettes, typography, layout patterns, and component guidance. It uses multi-domain BM25 search to source domain-specific patterns for dashboards, websites, or mobile apps.

Can I bootstrap a design system for multiple product domains?▼

Yes, you can bootstrap a design system across multiple domains. The skill applies multi-domain BM25 search to extract and combine chart patterns, accessibility rules, and typography into a ready-to-use design system tailored to your specific project description.

Do I need external services or APIs to generate UI/UX design guidance?▼

No, you do not need external services or APIs to generate UI/UX design guidance. The skill operates entirely offline using standard Python libraries and local data sources to produce implementation-ready design-system recommendations.

What is the best way to get design-system recommendations for a mobile app?▼

The best way to get design-system recommendations for a mobile app is to input your project description via the CLI. The skill then reasons over curated data sets to deliver implementation-ready UI/UX guidance including color, typography, and layout strategies.

How do I use the CLI to specify my UI/UX project name?▼

To specify your UI/UX project name via the CLI, use the -p flag followed by your project name. This allows the skill to accurately label the generated design-system plan and associated component guidance for your specific project.

Related Skills

Explore More Design & Creative Skills→
miko06miko06

ui-ux-pro-max

Generate design systems from UI/UX pattern databases using Python scripts.

Community
Advanced
pkoka888pkoka888
1

frontend-design

Design and implement production-grade frontend interfaces with HTML/CSS/JS or modern frameworks.

Community
Advanced
Hey-ViswaHey-Viswa

replicate-design-skill

Apply Replicate design-system patterns to React/Next.js product interfaces.

Community
Intermediate
carlosamesarcarlosamesar
1

gd-prototype

Generate UI/UX prototypes from Figma designs or code snippets.

Community
Intermediate