skills.rest
Syedyasir001
Syedyasir001COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Searches a design database of styles, palettes, typography, and UX guidelines via BM25 CLI.

Updated Apr 17, 2026
Search Tags:#typography#accessibility#design system#color palette#ui design#ux guidelines#bm25 search
One-click install
npx skills add https://github.com/Syedyasir001/RVULibPass --skill ui-ux-pro-max-syedyasir001
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Syedyasir001/RVULibPass/tree/main/.agent/skills/library/ui-ux-pro-max
Command: npx skills add https://github.com/Syedyasir001/RVULibPass --skill ui-ux-pro-max-syedyasir001

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing the right visual style, color palette, font pairing, and UX patterns for a web or mobile project is slow and inconsistent without a structured reference. This Skill provides a searchable design intelligence database so AI agents and developers can make grounded UI/UX decisions instead of guessing. ## Core Features & Use Cases - Design System Generation: Run a single query to get a complete design system (pattern, style, colors, typography, effects) with reasoning rules and anti-patterns, optionally persisted as a Master file with per-page overrides. - Domain Search: Query 8 domains (style, color, typography, product, chart, landing, UX guidelines, prompts) plus 10 stack-specific guideline sets (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and more) using a BM25-ranked CLI. - UX Rule Checklists: A priority-ordered reference of 99 UX guidelines covering accessibility, touch targets, animation, forms, navigation, and charts for reviewing or fixing existing UI code. - Use Case: When asked to build a fintech dashboard, run the design-system search to get a recommended style, palette, and font pairing, then query the chart domain for the right visualization types and the react stack for implementation guidelines. ## Quick Start Ask the AI to generate a design system for your product, for example: "Use the ui-ux-pro-max skill to recommend a style, color palette, and typography for a beauty spa landing page."

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 project?▼

Run the search script with the --design-system flag and a query describing your product, for example: python3 scripts/search.py "fintech dashboard" --design-system -p "My App". It returns a recommended pattern, style, colors, typography, and effects with anti-patterns to avoid.

How do I search for color palettes or font pairings by product type?▼

Use the --domain flag with color or typography, such as python3 scripts/search.py "elegant luxury" --domain typography. The BM25 engine ranks matching rows from the CSV database and returns hex palettes or Google Fonts pairings with CSS imports.

Which frameworks and stacks does the UI guideline search support?▼

Stack-specific guideline search supports html-tailwind, react, nextjs, vue, nuxtjs, nuxt-ui, svelte, swiftui, react-native, and flutter. Use the --stack flag, for example --stack react-native, to get do/don't rules with code examples.

Does the design system search require any Python packages to install?▼

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

When should I not use this UI/UX design skill?▼

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

Related Skills

Explore More Design & Creative Skills→
clovernguyen1010-ship-itclovernguyen1010-ship-it

ba-brand-info-extract

Collect brand assets including name, tagline, personality, audience, and platforms.

Community
Intermediate
hamza-sahinhamza-sahin

ui-ux-pro-max

Generates a Master design-system document and page-specific overrides from UI/UX guidelines.

Community
Advanced
JenilRevaliyaJenilRevaliya

web-design-guidelines

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

Community
Intermediate
Asymmetric-alAsymmetric-al
417

moai-library-shadcn

Install, compose, and customize shadcn/ui components with Tailwind CSS tokens.

Official
Intermediate