Skip to main content

​
What are Domains?

Domains are specialized search categories that target specific aspects of UI/UX design. Each domain searches a curated CSV database with BM25 ranking to provide the most relevant recommendations for your query.

​
Available Domains

Product

Product type recommendations and style matching for different industries

Style

50+ UI styles with implementation details and AI prompts

Color

97 color palettes optimized by product type

Typography

57 font pairings with Google Fonts integration

Landing

Landing page patterns and CTA strategies

Chart

25+ chart types and data visualization recommendations

UX

99 UX guidelines covering accessibility and best practices

​
How Domain Search Works

​
BM25 Ranking Algorithm

UI/UX Pro Max uses the BM25 (Best Matching 25) algorithm to rank search results:
  1. Tokenization - Queries and documents are tokenized (lowercase, remove punctuation, filter short words)
  2. Term Frequency (TF) - How often query terms appear in each document
  3. Inverse Document Frequency (IDF) - Rarity of terms across all documents
  4. Ranking - Documents scored and sorted by relevance

​
Search Columns vs Output Columns

Each domain has:
  • Search columns - Fields indexed for searching
  • Output columns - Fields returned in results
This allows comprehensive search while returning only relevant details.

​
Search Syntax

​
Basic Domain Search

python3 skills/ui-ux-pro-max/scripts/search.py "<query>" --domain <domain>
Example: 
python3 skills/ui-ux-pro-max/scripts/search.py "elegant luxury" --domain style

​
Auto-Detection

Omit --domain for automatic domain detection: 
python3 skills/ui-ux-pro-max/scripts/search.py "saas dashboard colors"
# Automatically detects: domain=product or domain=color

​
Limit Results

python3 skills/ui-ux-pro-max/scripts/search.py "minimalism" --domain style -n 5
# Returns top 5 results instead of default 3

​
Domain Selection Guide

I need to…Use Domain
Find the right style for my productproduct
Get implementation details for a stylestyle
Choose a color palettecolor
Pick font pairingstypography
Structure a landing pagelanding
Select chart typeschart
Check UX best practicesux

​
Priority-Based Approach

When building UI, follow this priority order:
PriorityDomainWhy
1ux (Accessibility)CRITICAL - Legal compliance, inclusivity
2ux (Touch & Interaction)CRITICAL - Core usability
3ux (Performance)HIGH - User retention
4product + styleHIGH - Sets design direction
5color + typographyMEDIUM - Visual consistency
6landingMEDIUM - Conversion optimization
7chartLOW - Data visualization

​
Multi-Domain Workflow

For comprehensive design systems, search multiple domains: 
# 1. Start with product type
python3 skills/ui-ux-pro-max/scripts/search.py "healthcare saas" --domain product

# 2. Get style details
python3 skills/ui-ux-pro-max/scripts/search.py "minimalism accessible" --domain style

# 3. Find color palette
python3 skills/ui-ux-pro-max/scripts/search.py "healthcare" --domain color

# 4. Choose typography
python3 skills/ui-ux-pro-max/scripts/search.py "professional clean" --domain typography

# 5. Check UX guidelines
python3 skills/ui-ux-pro-max/scripts/search.py "accessibility animation" --domain ux
Or use Design System generation (searches 5 domains automatically): 
python3 skills/ui-ux-pro-max/scripts/search.py "healthcare saas" --design-system

​
Next Steps

Explore Product Domain

Learn how to match styles to product types

Browse All Styles

Discover 50+ UI styles with implementation guides

Color Palettes

Find the perfect color scheme

UX Guidelines

Check critical accessibility and usability rules

Build docs developers (and LLMs) love

Get started for freeTalk to us