skills.rest
mkloz
mklozCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems and UI/UX guidance using Python and ui-reasoning.csv.

Updated Feb 23, 2026
Search Tags:#design system#ux design#ui design#reference library#style exploration
One-click install
npx skills add https://github.com/mkloz/teamforge-frontend --skill ui-ux-pro-max-mkloz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/mkloz/teamforge-frontend/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/mkloz/teamforge-frontend --skill ui-ux-pro-max-mkloz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, ui-reasoning.csv, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a broad and deep reference library for UI/UX design, offering style exploration, design ideation, visual critique, and cross-stack UX comparison beyond a standard design system.

Core Features & Use Cases

  • Comprehensive Reference: Includes over 50 styles, color palettes, font pairings, product types, UX guidelines, and chart types.
  • Explicit Use Cases: Designed for explicit requests related to UI structure, visual design decisions, interaction patterns, or user experience quality control.
  • Use Case: When you need to choose a color scheme for a new app, use this Skill to get recommended palettes that match your product's type and industry.

Quick Start

Run the ui-ux-pro-max skill with the --design-system flag followed by your product type and industry keywords.

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 explore UI styles and find a color palette for a specific product type?▼

To explore UI styles and generate a color palette, you can use a reference library containing over 50 styles and palettes tailored to specific product types and industries, providing recommended visual design decisions for your application.

What is the best way to critique UX design and compare interaction patterns?▼

The best way to critique UX design and compare interaction patterns is by applying structured reasoning rules from a dedicated CSV file, enabling cross-stack UX comparison and explicit visual ideation based on established guidelines.

How do I generate a design system for my application's user interface?▼

You generate a design system by executing a script with a designated flag alongside your product type and industry keywords, which processes your inputs to output comprehensive UI and UX best practices.

Do I need Python to run UI design reference searches and style exploration?▼

Yes, you need Python installed to perform domain searches and design system generation, as the underlying scripts rely on it to process the reference library and execute style exploration tasks.

What font pairings and chart types are available for my UI design decisions?▼

Available resources for UI design decisions include over 50 font pairings and chart types, serving as a comprehensive reference library to guide your visual design choices and interaction patterns.

Related Skills

Explore More Design & Creative Skills→
meytalp-devmeytalp-dev

ui-ux-pro-max

Generate structured design systems with patterns, colors, typography, and implementation checklists.

Community
Advanced
liumeixinliumeixin
4

awesome-design-md-workflow

Integrate DESIGN.md projects into a knowledge base and extract design specifications to a template library.

Community
Intermediate
haojing8312haojing8312
154

color-font-skill

Generate presentation-ready color palettes and font pairings with hex codes.

Community
Basic
richardaumrichardaum

design-review

Evaluate UI design implementation for visual hierarchy, consistency, responsiveness, and accessibility.

Community
Advanced