skills.rest
pohlai88
pohlai88COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

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

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 without a reference base. This Skill provides a searchable local database of UI/UX guidance so design decisions are grounded in curated data rather than guesswork. ## Core Features & Use Cases - Design System Generation: Aggregates product, style, color, landing, and typography matches into a complete design system, with optional persistence as a MASTER.md plus per-page override files. - Domain-Specific Search: Queries 12 domains (styles, colors, typography, charts, UX guidelines, icons, GSAP motion, landing patterns, and more) via a BM25 search engine with calibrated relevance thresholds. - Stack-Specific Guidelines: Returns implementation do/don't rules for 22 stacks including React, Next.js, Vue, Flutter, SwiftUI, and Tailwind. - Use Case: When asked to build an analytics dashboard in Next.js, run a design-system search to get a palette, typography pairing, and layout pattern, then query the nextjs stack for performance and accessibility guidelines before implementing. ## Quick Start Ask the AI to design a new page or fix a UI issue, for example: "Design a modern SaaS landing page using the ui-ux-pro-max skill and give me the color palette and typography."

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 UI design data can I search with this tool?▼

You can search 79 styles, 192 product palettes, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP motion presets, 25 chart types, and guidelines for 22 technology stacks. Use --domain to target a specific dataset or --stack for framework rules.

Does the search tool require external Python packages?▼

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

Which frameworks and stacks are supported for implementation guidance?▼

Guidelines cover 22 stacks including React, Next.js, Vue, Svelte, Angular, Flutter, SwiftUI, React Native, Tailwind, shadcn, Laravel, and several desktop UI frameworks. Pass the detected stack with the --stack flag.

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 state clearly that the recommendation came from defaults rather than a database match.

Related Skills

Explore More Design & Creative Skills→
ViperJuiceViperJuice
8

library-detection

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

Community
Intermediate
EsdevenimentsEsdeveniments
2

design-system-conventions

Enforce semantic design tokens and UI styling rules across frontend codebases.

Official
Basic
shengmingzhishushengmingzhishu

ui-ux-pro-max

Generates design systems with color palettes, typography, and UX rules for web interfaces.

Community
Intermediate
idy-00idy-00

migrate-design-system

Maps design tokens between a token system and external design systems via role-based crosswalks.

Community
Intermediate