skills.rest
virahitvin8
virahitvin8COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generates UI/UX design recommendations via BM25 search over style, color, typography, and UX guideline datasets.

2|Updated May 30, 2026
Search Tags:#typography#accessibility#design system#color palette#ui design#ux guidelines#bm25 search
One-click install
npx skills add https://github.com/virahitvin8/crafty-gis --skill ui-ux-pro-max-virahitvin8
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/virahitvin8/crafty-gis/tree/main/GIT_STAR/assignment-generator/antigravity-skills-main/antigravity-skills-main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/virahitvin8/crafty-gis --skill ui-ux-pro-max-virahitvin8

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 new web or mobile interface is time-consuming and inconsistent. This Skill provides a searchable design intelligence database so AI agents and developers can retrieve grounded design recommendations instead of guessing. ## Core Features & Use Cases - Design System Generation: Run a single query to get a complete design system (style, colors, typography, effects) matched to a product type, with optional persistence to MASTER.md and per-page override files. - Domain-Specific Search: Query 8 domains (style, color, typography, chart, landing, product, ux, prompt) plus 10 stack-specific guideline sets (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and more) using a BM25 ranking engine. - UX Rule Checklists: A prioritized quick-reference of 99 UX guidelines covering accessibility, touch targets, animation, forms, navigation, and charts for reviewing existing UI code. - Use Case: When asked to build a fintech dashboard, run the design-system search to receive a recommended style, palette, and font pairing, then query the chart domain for appropriate data visualization patterns. ## 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 design system 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 app?▼

Run the search script with the --design-system flag and a query describing your product type and industry, for example "python3 scripts/search.py 'fintech dashboard' --design-system". It returns a matched style, color palette, typography pairing, and anti-patterns to avoid.

What design domains can I search with this tool?▼

You can search eight domains: style, color, typography, chart, landing, product, ux, and prompt. Use the --domain flag to target one, or let the tool auto-detect the domain from your query keywords.

Does it support framework-specific guidelines like React or SwiftUI?▼

Yes, the --stack flag searches stack-specific guideline files for html-tailwind, react, nextjs, vue, nuxtjs, nuxt-ui, svelte, swiftui, react-native, and flutter. Each result includes do/don't rules with code examples and severity levels.

What dependencies are required to run the search script?▼

Only Python 3 with its standard library is required. The search engine uses csv, re, math, and argparse modules, so no pip installs are needed.

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→
mohamednegm0mohamednegm0

ai-discoverability-audit

Audit brand representation across AI search and recommendation systems.

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
VMRam95VMRam95

ui-audit

Evaluate web interfaces against UX design and accessibility guidelines.

Community
Intermediate
yigitkonuryigitkonur
11

build-daisyui-mcp

Convert Figma designs and screenshots into daisyUI 5 code.

Community
Advanced