ui-ux-pro-max

Searches a BM25-indexed database of UI styles, palettes, typography, and stack guidelines for design decisions.

Updated Mar 28, 2026
One-click install
npx skills add https://github.com/whatswithavi/Ecchelon_project --skill ui-ux-pro-max-whatswithavi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/whatswithavi/Ecchelon_project/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/whatswithavi/Ecchelon_project --skill ui-ux-pro-max-whatswithavi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Designing consistent, professional UI requires choosing styles, color palettes, font pairings, chart types, and stack-specific patterns, which is slow and error-prone when done from memory. This Skill provides a searchable design knowledge base so every UI decision is grounded in curated guidelines. ## Core Features & Use Cases - BM25 Design Search: Query 8 domains (style, color, typography, chart, landing, product, ux, prompt) via a Python CLI to retrieve curated recommendations. - Stack-Specific Guidelines: Get implementation best practices for html-tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter. - Pre-Delivery Quality Rules: Built-in checklists for icons, hover states, light/dark mode contrast, layout spacing, and accessibility. - Use Case: When asked to build a landing page for a beauty spa, search the product, style, typography, color, and landing domains, then synthesize the results into a complete Tailwind implementation. ## Quick Start Ask the AI to design a landing page or dashboard and it will run the search script across the relevant design domains before writing the UI code.

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 design guidelines with this tool?▼

Run python3 scripts/search.py with a keyword query and a --domain flag such as style, color, typography, chart, landing, product, ux, or prompt. The script uses BM25 ranking over CSV data and returns the top matching guideline rows.

What design domains can I search for UI recommendations?▼

Eight domains are available: style, prompt, color, chart, landing, product, ux, and typography. Each maps to a dedicated CSV dataset, for example colors.csv for palettes and typography.csv for font pairings with Google Fonts imports.

Which frameworks and stacks are supported for UI guidelines?▼

Stack-specific searches support html-tailwind (the default), react, nextjs, vue, svelte, swiftui, react-native, and flutter. Use the --stack flag with search.py to retrieve framework-specific do/don't rules and code examples.

Does the search script require any Python packages to install?▼

No external packages are required. The scripts use only the Python standard library (csv, re, math, argparse, pathlib), so any Python 3 installation works without pip installs.

Why does a search return no results for my keyword?▼

The BM25 tokenizer filters words of three characters or fewer and only returns rows with a positive score. Try broader or alternative keywords, search multiple domains, or increase --max-results to see more matches.