ui-ux-pro-max

Search a BM25 knowledge base for UI/UX design guidance.

1|1|Updated Dec 29, 2025
One-click install
npx skills add https://github.com/JoaquimCassano/ideas-marketplace --skill ui-ux-pro-max-joaquimcassano
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/JoaquimCassano/ideas-marketplace/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/JoaquimCassano/ideas-marketplace --skill ui-ux-pro-max-joaquimcassano

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This knowledge base provides fast, structured guidance for planning, exploring, and implementing UI/UX design systems. It consolidates style options, color palettes, typography pairings, chart recommendations, and stack-specific best practices.

Core Features & Use Cases

  • Curated UI styles, color palettes, typography pairings, and UX guidelines in a searchable format.
  • Stack-aware guidance for HTML-Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.
  • Workflow steps: analyze user requirements, search across domains with BM25-based queries, synthesize results to implement design system decisions.
  • Use Case: rapidly assemble design system components for dashboards, landing pages, or SaaS apps.

Quick Start

Describe your UI/UX goal and run the UI/UX Pro Max workflow to retrieve style, color, typography, and UX guidelines.

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 find UI styles and color palettes for a React or Next.js dashboard?

To find UI styles and color palettes for a React or Next.js dashboard, describe your design goal to retrieve stack-aware guidelines. The system searches a knowledge base of style categories, typography pairings, and UX best practices to synthesize deterministic implementation recommendations.

Can I get typography and UX guidelines for Svelte and Flutter applications?

Yes, you can get typography and UX guidelines for Svelte and Flutter applications. The system provides stack-aware implementation guidance across HTML-Tailwind, Vue, SwiftUI, React Native, and Flutter by querying its domain-specific design knowledge base.

What is the best way to assemble a design system for a SaaS landing page?

The best way to assemble a design system for a SaaS landing page is to use a searchable knowledge base of curated UI styles, color palettes, and typography pairings. You input your design requirements and retrieve structured, deterministic guidance to implement the components.

Does this design guidance work for React Native and SwiftUI stack implementations?

Yes, this design guidance works for React Native and SwiftUI stack implementations. It delivers stack-specific best practices and design system components by running BM25-powered search queries across its consolidated library of UX guidelines and visual styles.

How do I explore 50+ UI styles for a design audit?

To explore 50+ UI styles for a design audit, you run a search workflow that analyzes your requirements and queries a curated knowledge base. It extracts matching style categories, color palettes, and typography pairings to guide your aesthetic exploration and implementation.

Why use a knowledge base for UX guidelines instead of manual design searches?

Using a knowledge base for UX guidelines provides fast, structured, and deterministic design retrieval instead of manual searches. It consolidates style options, chart recommendations, and stack-aware best practices into a single searchable pipeline for immediate implementation.