skills.rest
gtbauke
gtbaukeCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Searches a CSV database of UI styles, palettes, fonts, and stack guidelines via BM25.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Designing consistent, professional UI requires recalling hundreds of style rules, color palettes, font pairings, and framework-specific best practices, which is slow and error-prone when done from memory. ## Core Features & Use Cases - Searchable design database: BM25 keyword search across 8 domains (style, color, typography, chart, landing, product, UX, prompt) stored as CSV files. - Stack-specific guidelines: Best-practice rules with good/bad code examples 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 service, run several search.py queries for product, style, typography, color, and UX domains, then synthesize the results into a complete design system and implementation. ## Quick Start Ask the AI to design a landing page for your product and it will search the UI/UX database for matching styles, palettes, fonts, and stack guidelines 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 search UI design guidelines with this tool?▼

Run python3 scripts/search.py with a keyword query and an optional --domain flag such as style, color, typography, or ux. The script returns the top BM25-ranked matches from the corresponding CSV file with formatted fields.

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 file with its own searchable and output columns, such as hex palettes or Google Fonts imports.

Which frameworks and stacks are supported for UI guidelines?▼

Supported stacks include html-tailwind (the default), react, nextjs, vue, nuxtjs, nuxt-ui, svelte, swiftui, react-native, and flutter. Use the --stack flag with search.py to retrieve stack-specific do/don't rules and code examples.

Does the search work without specifying a domain?▼

Yes, the core module auto-detects the most relevant domain by matching query keywords against per-domain keyword lists. If no keyword matches, it falls back to the style domain by default.

Why does a search return no results or a file not found error?▼

Results require a BM25 score above zero, so very short or unrelated queries may return nothing. A file-not-found error means the expected CSV is missing from the data directory relative to the scripts folder.

Related Skills

Explore More Design & Creative Skills→
DanialHaseebDanialHaseeb

shape

Plan UX and UI through structured discovery interviews and design briefs.

Community
Intermediate
meisijiyameisijiya

ui-ux-pro-max

Select UI styles, color palettes, font pairings, UX rules, and chart types for product interfaces.

Community
Advanced
froide-kkfroide-kk
1

design-ui-patterns

Provide UI component design guidelines for accessible, responsive interfaces.

Official
Intermediate
reason-machinesreason-machines
4

better-design-shadcn-themes

Install themed shadcn/ui components from 31 design systems via the shadcn CLI.

Official
Intermediate