ui-ux-pro-max

Name: ui-ux-pro-max
Availability: InStock
Author: danielctc

Search UI/UX style guides using a BM25 index over CSV datasets.

Updated Jan 13, 2026

Search Tags:#typography #accessibility #search #ui-ux #color-palette #style-guides #bm25

Ready to run

npx skills add https://github.com/danielctc/ReactSpacesMonoRepo --skill ui-ux-pro-max-danielctc

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/danielctc/ReactSpacesMonoRepo/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/danielctc/ReactSpacesMonoRepo --skill ui-ux-pro-max-danielctc

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill streamlines UI/UX design research by providing a fast, BM25-powered search over a curated repository of style guidelines, color palettes, typography, charts, and UX best practices, reducing time spent hunting scattered references.

Core Features & Use Cases

BM25-powered search across multiple UI/UX domains (style, color, typography, charts, landing, product, ux guidelines).
Stack-aware guidance for frontend frameworks (html-tailwind by default; data supports React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter).
Guideline synthesis & checklists for accessibility, design tokens, and implementation considerations.
Use cases include selecting color palettes for dashboards, typography pairings with accessibility notes, or extracting implementation patterns for a new design system.

Quick Start

Run a query: python3 .claude/skills/ui-ux-pro-max/scripts/search.py "accessible color contrast" --domain ux

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 search UI/UX style guides for specific design guidelines?▼

You can search UI/UX style guides by running a Python CLI query with your search term and specifying a domain like color, typography, or charts. The Skill uses a BM25 scoring model over curated CSV datasets to retrieve relevant design guidelines quickly.

Does this UI/UX design tool support React and Next.js frameworks?▼

Yes, the UI/UX design tool supports frontend frameworks including React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter. It defaults to html-tailwind but provides stack-aware guidance for these frameworks based on its dataset.

What is the best way to find accessible color contrast guidelines for a dashboard?▼

The best way to find accessible color contrast guidelines is to query the ux domain using the Python CLI. The BM25-powered search retrieves specific accessibility notes and design checklists from its curated style guide repository.

Can I extract design tokens and implementation patterns for a new design system?▼

Yes, you can extract design tokens and implementation patterns by searching the style and product domains. The tool synthesizes guidelines for accessibility, design tokens, and implementation considerations from its curated CSV data.

How do I get typography pairings with accessibility notes for frontend development?▼

To get typography pairings with accessibility notes, run a search query targeting the typography domain. The BM25 index retrieves curated typography guidelines and pairs them with relevant accessibility considerations for your frontend development work.