skills.rest
Rabbit-Ivan
Rabbit-IvanCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

Updated Jan 10, 2026
Search Tags:#typography#design system#color palette#ui design#tailwind#ux guidelines#bm25 search
One-click install
npx skills add https://github.com/Rabbit-Ivan/Ivan-skills --skill ui-ux-pro-max-rabbit-ivan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Rabbit-Ivan/Ivan-skills/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Rabbit-Ivan/Ivan-skills --skill ui-ux-pro-max-rabbit-ivan

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, 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 data. ## Core Features & Use Cases - BM25 Design Search: Query 8 domains (style, color, typography, chart, landing, product, UX, prompt) via a Python CLI backed by CSV datasets. - Stack-Specific Guidelines: Retrieve best practices for html-tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter. - 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 design system with Google Fonts imports and hex palettes. ## Quick Start Ask the AI to design a landing page for your product and let it run the search.py script across the style, color, typography, and UX domains before writing the 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 get UI style recommendations for a specific product type?▼

Run search.py with your product keywords and the product domain, for example searching "saas dashboard" returns primary style recommendations, secondary styles, and color palette focus. Follow up with style, color, and typography domain searches for a complete design system.

What design domains can I search with this tool?▼

Eight domains are available: style, prompt, color, chart, landing, product, ux, and typography. Each maps to a dedicated CSV dataset, and the search engine auto-detects the domain from your query keywords if you omit the --domain flag.

Does it support frameworks other than React and Tailwind?▼

Yes, stack-specific guideline searches cover html-tailwind, react, nextjs, vue, nuxtjs, svelte, swiftui, react-native, and flutter. Use the --stack flag with search.py to retrieve framework-specific do/don't rules and code examples.

What are the requirements to run the search script?▼

Only Python 3 is required; the scripts use standard library modules (csv, re, math, argparse) with no external packages. The SKILL.md includes install commands for macOS, Ubuntu/Debian, and Windows if Python is missing.

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

The BM25 tokenizer filters words of two characters or fewer and only returns rows with a positive relevance score. Try more specific multi-word keywords like "healthcare saas dashboard" instead of single generic terms, or search a different domain.

Related Skills

Explore More Design & Creative Skills→
nhatmobile1nhatmobile1

design-styles

Analyze web design styles and extract color palettes, typography, and layout guidelines.

Community
Basic
Ritik-Sharma1Ritik-Sharma1

ui-visual-validator

Validate UI components and pages for design system compliance and accessibility.

Community
Advanced
GenEducationGenEducation

design-shotgun

Generate multiple UI design variants and compare them side by side.

Official
Advanced
Menschlichkeit-OsterreichMenschlichkeit-Osterreich

ui-ux-pro-max

Generate design systems with styles, palettes, fonts, and UX guidelines.

Official
Advanced