skills.rest
babe221-bot
babe221-botCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems and UI/UX recommendations for web and mobile applications.

Updated Jul 7, 2025
Search Tags:#typography#design system#ui/ux#style guide#color palette#frontend development#ux guidelines
One-click install
npx skills add https://github.com/babe221-bot/studio --skill ui-ux-pro-max-babe221-bot
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/babe221-bot/studio/tree/main/.cursor/skills/ui-ux-pro-max
Command: npx skills add https://github.com/babe221-bot/studio --skill ui-ux-pro-max-babe221-bot

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires csv, re, pathlib, math, collections, json, datetime, argparse, sys, io, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the UI/UX design process by providing comprehensive, data-driven recommendations for product design, style, color, typography, and user experience, ensuring professional and effective digital interfaces.

Core Features & Use Cases

  • Design System Generation: Creates a complete design system based on project requirements, including patterns, styles, color palettes, and typography.
  • Targeted Search: Offers domain-specific searches for UI styles, color schemes, chart types, landing page structures, UX guidelines, and more.
  • Stack-Specific Guidelines: Provides implementation best practices for various frontend technologies like React, Next.js, Vue, and HTML/Tailwind.
  • Use Case: A startup needs to design a new SaaS dashboard. They can use this Skill to generate a cohesive design system, get recommendations for a professional color palette and modern typography, and find UX best practices for dashboard interfaces, all tailored to their tech stack.

Quick Start

Generate a design system for a new e-commerce website with a professional style.

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 complete design system for a web application?▼

To generate a design system for web and mobile applications, this tool provides data-driven recommendations for product styles, color palettes, typography, and UX guidelines. It outputs a cohesive set of design patterns tailored to your specific project requirements and frontend stack.

Can I get UI/UX recommendations for specific frontend tech stacks like React or Vue?▼

Yes, you can get UI/UX recommendations tailored to specific frontend technologies like React, Next.js, Vue, and HTML/Tailwind. The tool provides stack-specific implementation best practices to ensure design guidelines translate effectively into your development environment.

What is the best way to find a professional color palette and font pairing for a SaaS dashboard?▼

The best way to find a professional color palette and font pairing is by querying the internal Python-based search engine, which uses BM25 ranking to retrieve domain-specific data. It delivers targeted style recommendations and UX guidelines specifically suited for dashboard interfaces.

Does this tool provide guidelines for chart types and landing page structures?▼

Yes, this tool provides targeted search capabilities for chart types and landing page structures alongside broader design system components. You can query these specific domains to receive data-backed UX guidelines and structural recommendations for your interface.

How do I search for specific UX guidelines and style references within the design system?▼

You search for specific UX guidelines by utilizing the Python-based search engine with BM25 ranking to query internal data files. This mechanism allows you to perform targeted searches across styles, color schemes, and UX best practices to extract precise design references.

What limitations exist when using a data-driven approach for frontend design generation?▼

A limitation of using this data-driven design generation approach is that recommendations are constrained to the internal data files queried via the BM25 search engine. Custom or highly unconventional design paradigms outside the dataset may not be fully supported without manual adjustments.

Related Skills

Explore More Design & Creative Skills→
hzm0321hzm0321
1.6k

ui-ux-pro-max

Generate UI/UX design systems with stack-specific implementation guidelines.

Community
Advanced
anhxuanphamanhxuanpham

ui-ux-pro-max

Generate UI/UX design guidance for frontend interfaces across multiple stacks.

Community
Advanced
parhummparhumm
25

frontend-component-fix

Diagnose frontend UI bugs and generate patch artifacts for React-like components.

Community
Advanced
rohunvorarohunvora
5

html-tools

Build self-contained single-file browser tools with inline CSS and JavaScript.

Community
Basic