skills.rest
CHENHUI-X
CHENHUI-XCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Searches local UI/UX datasets to generate design systems, palettes, typography, and stack-specific guidelines.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Choosing coherent styles, color palettes, font pairings, and UX patterns for a new interface is slow and inconsistent. This Skill provides a searchable local database of UI/UX guidance so design decisions are grounded in curated data instead of guesswork. ## Core Features & Use Cases - Design System Generation: Aggregates product type, style, color, landing pattern, and typography matches into a complete design system, with optional persistence as a MASTER.md plus per-page overrides. - Domain-Specific Search: Queries 12 domains including styles, colors, typography, charts, icons, GSAP motion presets, UX guidelines, and Google Fonts via a BM25 search engine. - Stack-Specific Guidelines: Returns implementation rules for 22 stacks such as React, Next.js, Vue, SwiftUI, Flutter, and Tailwind. - Use Case: When asked to build a SaaS dashboard, run the design-system search to get a recommended pattern, palette, and font pairing, then query the ux and nextjs domains for accessibility and implementation rules before writing code. ## Quick Start Ask the AI to generate a design system for your product type, for example: create a design system for a beauty spa booking website using the ui-ux-pro-max search tool.

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 type and style keywords. It aggregates product, style, color, landing, and typography matches into a complete recommendation with palette, fonts, and anti-patterns.

What design domains can I search for UI guidance?▼

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

Which frameworks and stacks are supported for implementation guidelines?▼

Stack guidelines cover 22 stacks including React, Next.js, Vue, Svelte, Angular, Astro, Nuxt, Laravel, SwiftUI, React Native, Flutter, Jetpack Compose, HTML-Tailwind, shadcn, Three.js, and several desktop UI frameworks. Use --stack with the detected project stack.

Does the search tool require external Python packages?▼

No, the search engine requires only Python 3 with no external dependencies. It implements BM25 ranking using the standard library and reads local CSV data files.

What should I do when a search returns zero results?▼

Retry once with a narrower query or an explicit domain or stack flag. If it still returns nothing, fall back to the built-in priority rule table and clearly state the recommendation came from defaults rather than a database match.

How do I persist a design system across sessions?▼

Add --persist with --output-dir pointing at the project root to create a design-system folder containing a MASTER.md source of truth and optional per-page override files. Existing MASTER.md files are skipped unless --force is explicitly authorized.

Related Skills

Explore More Design & Creative Skills→
ViperJuiceViperJuice
8

library-detection

Detect languages, frameworks, and build tools from package manifests.

Community
Intermediate
hackefellerhackefeller
1

design-system

Enforce Ponti design system tokens, components, and motion rules in React projects.

Official
Advanced
mrodrigues1mrodrigues1

accessibility-compliance

Implement WCAG 2.2 compliant accessibility patterns and remediation guidance for web and mobile interfaces.

Community
Intermediate
toilahuonggtoilahuongg
10

design

Generates UI mockups and design specs for Shopify apps using Polaris components.

Community
Basic