ui-ux-pro-max

Search local UI/UX datasets to generate design systems and resolve design questions.

2|Updated Aug 17, 2026
One-click install
npx skills add https://github.com/yyy0107/pi-workbench --skill ui-ux-pro-max-yyy0107
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/yyy0107/pi-workbench/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/yyy0107/pi-workbench --skill ui-ux-pro-max-yyy0107

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve? It answers unresolved visual design, interaction, and UX review questions by searching a local curated dataset instead of guessing, covering styles, palettes, typography, icons, motion, charts, and stack-specific guidelines. ## Core Features & Use Cases - Design System Generation: Aggregate product, style, color, landing, and typography matches into a complete design system with optional variance, motion, and density dials, plus Master/page-override persistence. - Domain Search: Query 12 domains (style, color, typography, ux, icons, gsap, chart, landing, product, react, web, google-fonts) and 22 technology stacks via a BM25 search script with calibrated abstention thresholds. - Use Case: When building a new analytics dashboard, run a design-system query to get a palette, font pairing, spacing scale, and anti-patterns, then run a targeted ux-domain search for a specific accessibility concern like icon button labels. ## Quick Start Ask the assistant to use the ui-ux-pro-max skill to generate a design system for your product type or to search a specific UX question such as keyboard focus handling in modals.

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

Run the bundled search script with the --design-system flag and a query describing product type, industry, and style keywords. It aggregates product, style, color, landing, and typography matches into pattern, palette, typography, and anti-pattern recommendations.

What design domains can the search tool query?▼

The tool supports 12 domains: style, color, typography, google-fonts, ux, icons, gsap, chart, landing, product, react, and web. Pass --domain explicitly when auto-detection misroutes overlapping terms like font.

Which frameworks and stacks are supported for implementation guidance?▼

Stack guidelines cover 22 stacks including react, nextjs, vue, svelte, angular, flutter, react-native, swiftui, jetpack-compose, html-tailwind, shadcn, laravel, and several desktop UI frameworks. Use --stack with the stack detected from the project.

Does the search tool require external Python packages?▼

No, the search script requires only Python 3 with no external dependencies. It implements BM25 ranking, CSV loading, and query normalization using the standard library.

What happens when a search returns zero results?▼

The workflow retries once with a narrower query or explicit domain, then falls back to the built-in priority rule table. Empty results are never presented as matched data; fallback guidance is explicitly labeled as such.

When should I not use this design search skill?▼

Skip it for routine copy, logic, or styling edits already covered by existing project conventions, components, and tokens. Search results are recommendations subordinate to repository rules and never authorize changing an established global visual system.