skills.rest
danielctc
danielctcCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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
One-click install
npx skills add https://github.com/danielctc/ReactSpacesMonoRepo --skill ui-ux-pro-max-danielctc
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
nktfh100nktfh100
1

ui-ux-pro-max

Search UI/UX design guidelines across CSV datasets using BM25.

Community
Advanced
vonomarapvonomarap

ui-ux-pro-max

Generate UI/UX design systems with palettes, typography, and stack-specific guidelines.

Community
Advanced
fgarofalo56fgarofalo56
6

component-library

Develop reusable component libraries with design tokens and Storybook documentation.

Community
Advanced
thanhtoan105thanhtoan105
1

ui-ux-pro-max

Retrieve UI/UX design guidance from a BM25-based knowledge base.

Community
Advanced