skills.rest
NT-boop-star
NT-boop-starCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Search UI/UX design guidelines, color palettes, and font pairings via a BM25 CLI tool.

Updated Apr 7, 2026
Search Tags:#typography#accessibility#design system#color palette#ui design#ux guidelines#bm25 search
One-click install
npx skills add https://github.com/NT-boop-star/BRMV-tract --skill ui-ux-pro-max-nt-boop-star
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/NT-boop-star/BRMV-tract/tree/main/antigravity/skills/ui-ux-pro-max
Command: npx skills add https://github.com/NT-boop-star/BRMV-tract --skill ui-ux-pro-max-nt-boop-star

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing the right visual style, color palette, typography, and UX patterns for a web or mobile interface often requires scattered research across design systems and platform guidelines. This Skill centralizes that knowledge into a searchable database so design decisions are grounded in documented rules rather than guesswork. ## Core Features & Use Cases - Design System Generation: Run a single query with --design-system to get a complete recommendation covering style, colors, typography, effects, and anti-patterns for a given product type, with optional persistence to MASTER.md and per-page override files. - Domain-Specific Search: Query eight domains (style, color, typography, chart, landing, product, ux, prompt) plus ten stack-specific guideline sets including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and Tailwind. - UX Review Checklists: Apply 99 prioritized UX guidelines covering accessibility, touch targets, animation, forms, navigation, and charts when reviewing or fixing existing UI code. - Use Case: When asked to build a fintech dashboard, run the design-system search to receive a matched style, palette, and font pairing, then query the chart domain for accessible data visualization guidance before writing any component code. ## Quick Start Ask the AI to generate a design system for your product type, for example: use the ui-ux-pro-max skill to recommend a style, color palette, and typography for a fitness tracking mobile app.

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 generate a design system for a new web or mobile app?▼

Run python3 scripts/search.py with your product type and keywords plus the --design-system flag. The command searches product, style, color, landing, and typography domains in parallel and returns a complete recommendation with reasoning rules and anti-patterns to avoid.

What UI styles and color palettes are available for search?▼

The database includes over 50 styles such as glassmorphism, claymorphism, minimalism, brutalism, and neumorphism, plus 161 color palettes and 57 font pairings. Query the style, color, or typography domains with keywords matching your product type or mood.

Which frameworks and platforms does the stack search support?▼

Stack-specific guidelines are available for html-tailwind, react, nextjs, vue, nuxtjs, nuxt-ui, svelte, swiftui, react-native, and flutter. Use the --stack flag with a query to retrieve do/don't rules, code examples, and severity ratings for that stack.

Does the search tool require external Python packages?▼

No external packages are required. The scripts use only the Python standard library (csv, re, math, pathlib, argparse) to implement BM25 ranking over local CSV data files, so any Python 3 installation works.

How do I persist design decisions across multiple pages of a project?▼

Add the --persist flag with a project name to create design-system/MASTER.md as the global source of truth. Use --page with a page name to create per-page override files under design-system/pages/ that take priority over the master rules.

When should this design search approach not be used?▼

Skip it for pure backend logic, API or database design, infrastructure work, and non-visual automation tasks. The guidelines only apply when a task changes how an interface looks, feels, moves, or is interacted with.

Related Skills

Explore More Design & Creative Skills→
soeiroosoeiroo

design-brief

Create structured design briefs with problem statements, audience, constraints, and success criteria.

Community
Intermediate
akaiHuangakaiHuang

ui-ux-pro-max

Search UI/UX design references with BM25 domain auto-detection.

Community
Advanced
JenilRevaliyaJenilRevaliya

web-design-guidelines

Reviews UI code against accessibility, performance, and visual design guidelines.

Community
Intermediate
prateekprateek

hig-project-context

Create and maintain a shared Apple design context document at .claude/apple-design-context.md.

Community
Intermediate