skills.rest
umairshahid622
umairshahid622COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Searches local UI/UX design datasets for styles, palettes, fonts, guidelines, and stack rules.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Designing and reviewing interfaces requires recalling hundreds of rules across accessibility, typography, color, animation, navigation, and framework-specific best practices. This Skill provides a searchable local knowledge base and CLI so an AI assistant can retrieve grounded UI/UX guidance instead of relying on memory. ## Core Features & Use Cases - BM25 Search CLI: Query 12 domains (style, color, chart, landing, product, ux, typography, icons, gsap, react, web, google-fonts) plus 22 framework stacks via Python scripts with calibrated relevance thresholds. - Design System Generation: Use the --design-system mode to get style, palette, font pairing, and reasoning recommendations for 192 product types. - Rule Checklists: A prioritized quick-reference of 119 UX guidelines covering WCAG 2.2 accessibility, touch targets, performance, forms, navigation, and charts. - Use Case: When asked to build a fintech dashboard, run a design-system search to get a recommended style, color palette, and font pairing, then search the react and ux domains for implementation and accessibility rules. ## Quick Start Ask the assistant to use the ui-ux-pro-max skill to recommend a design system for a SaaS landing page, including style, colors, and fonts.

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/UX design guidelines with this skill?▼

Run the bundled search script with a query and a domain flag, for example python3 scripts/search.py with a query like "touch target size" and --domain ux. The script returns the top matching guideline rows from local CSV data using BM25 ranking.

What design data does the ui-ux-pro-max skill include?▼

It ships local datasets covering 79 searchable styles, 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 curated icons, 17 GSAP motion presets, 25 chart types, and 22 framework stacks with 1260 stack guidelines.

Does the skill support React, Next.js, and mobile frameworks?▼

Yes. The --stack search covers 22 stacks including React, Next.js, Vue, Svelte, Angular, SwiftUI, React Native, Flutter, Jetpack Compose, and desktop frameworks like WPF, WinUI, and JavaFX, each with version-scoped guidelines.

What dependencies are required to run the search scripts?▼

Only Python 3 with its standard library is required. The scripts use csv, re, math, and difflib, need no third-party packages, and perform no network access. On Windows, use python instead of python3.

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

Skip it for pure backend logic, API or database design, infrastructure or DevOps work, and non-visual automation scripts. It applies only when a task changes how an interface looks, behaves, 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
ryan-nguyen-01ryan-nguyen-01
4

agent-qa

Coordinate QA strategy and release sign-off for pre-release activities.

Community
Advanced
ils15ils15
10

web-ui-analysis

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

Community
Advanced
objectiveSeeobjectiveSee

ui-ux-pro-max

Generate rule-based UI/UX design systems with searchable components, typography, color, and accessibility rules.

Community
Advanced