skills.rest
abhinaaaavvv
abhinaaaavvvCOMMUNITY
Explore all skills by this author →
Website𝕏@abhinaaaavvvGitHub

ui-ux-pro-max

Generates design system recommendations and searches UI/UX guidelines via a BM25-based CLI.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing consistent styles, color palettes, typography, and UX patterns for web and mobile interfaces is time-consuming and error-prone. This Skill provides a searchable design knowledge base and an automated design system generator so UI decisions are grounded in documented guidelines rather than guesswork. ## Core Features & Use Cases - Design System Generation: Run the search CLI with --design-system to get a complete recommendation covering pattern, style, colors, typography, effects, and anti-patterns, with optional persistence to a Master + page-override file structure. - Domain Search: Query 11 domains (style, color, chart, landing, product, ux, typography, icons, react, web, google-fonts) and 16 stack-specific guideline sets (React, Next.js, Vue, SwiftUI, Flutter, shadcn, and more) using BM25-ranked search over CSV data. - UX Review Checklists: Apply 99 prioritized UX rules covering accessibility, touch targets, performance, animation, forms, navigation, and charts when reviewing or fixing existing UI code. - Use Case: When asked to build a fintech dashboard, generate a design system with matching colors and fonts, then query the ux and chart domains for accessibility and data-visualization rules before writing components. ## Quick Start Ask the AI to generate a design system for your product type, for example: use the ui-ux-pro-max skill to create a design system for a beauty spa booking app called Serenity Spa.

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

Run the search script with the --design-system flag and a query describing your product, for example: python3 scripts/search.py "beauty spa wellness" --design-system -p "Serenity Spa". It searches product, style, color, landing, and typography domains, applies reasoning rules, and returns a complete recommendation with anti-patterns.

How do I search UI/UX guidelines by domain?▼

Use the --domain flag with the search script, such as --domain ux, color, typography, chart, style, or product. The tool uses BM25 ranking over CSV data and returns the top matching rows with do/don't guidance and code examples.

What technology stacks does the guideline search support?▼

Stack-specific guidelines are available for React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Nuxt, HTML/Tailwind, shadcn/ui, Jetpack Compose, Three.js, Angular, and Laravel. Query them with the stack search option in the CLI.

Can I persist a design system across sessions?▼

Yes. Add --persist to the design system command to write a design-system/MASTER.md file as the global source of truth, and use --page to create page-specific override files under design-system/pages/ that take priority over the master rules.

What are the requirements to run the search tool?▼

The tool requires Python 3 and uses only the standard library (csv, re, math, pathlib), so no pip installs are needed. All data ships as local CSV files loaded at query time.

When should this skill not be used?▼

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

Related Skills

Explore More Design & Creative Skills→
kmshihab7878kmshihab7878
6

market-ads

Generate complete ad campaigns from a target website into AD-CAMPAIGNS.md.

Community
Advanced
hamza-sahinhamza-sahin

ui-ux-pro-max

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

Community
Advanced
ils15ils15
10

web-ui-analysis

Analyze web interfaces for WCAG 2.1 compliance and Core Web Vitals.

Community
Advanced
denish12denish12

design_systems

Coordinates React UI library integration across shadcn/ui, Mantine, and Wix Design System with themes and wrappers.

Community
Advanced