skills.rest
Grong
GrongCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Searches a bundled catalog of UI/UX design patterns, palettes, typography, and stack guidance.

Updated Jul 10, 2026
Search Tags:#typography#frontend#design patterns#color palette#dashboard#ui design#ux
One-click install
npx skills add https://github.com/Grong/openhub-client --skill ui-ux-pro-max-grong
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Grong/openhub-client/tree/main/crates/backend/openhub-app/assets/builtin-skills/ui-ux-pro-max
Command: npx skills add https://github.com/Grong/openhub-client --skill ui-ux-pro-max-grong

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Designing interfaces without a reference system leads to inconsistent layouts, weak color choices, and missed states like loading, empty, and error. This Skill provides a searchable local database of UI/UX guidance so design decisions are grounded in documented patterns. ## Core Features & Use Cases - Searchable Design Database: Query nine domains including product patterns, visual styles, typography pairings, color palettes, landing-page structure, dashboard charts, UX practices, and stack-specific guidance via a Python CLI. - Structured Design Workflow: Follow a defined process from extracting product type and audience to combining search results into a concrete design direction covering layout, hierarchy, palette, and states. - Use Case: When building a SaaS dashboard, search the product and chart domains to get guidance on KPI layouts, table-first information architecture, and semantic status colors before writing any frontend code. ## Quick Start Ask the AI to search the ui-ux-pro-max database for dashboard design guidance and propose a layout, palette, and typography direction for your interface.

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 the UI/UX design database?▼

Run the bundled search script with keywords and an optional domain filter, for example python3 scripts/search.py "saas dashboard" --domain product -n 5. Use --list-domains to see all available domains and entry counts.

What design domains does the catalog cover?▼

The catalog covers nine domains: product, style, typography, color, landing, chart, ux, stack, and prompt. Each entry includes a summary, tags, and concrete guidance points, with color entries also providing hex role values.

Can I filter design guidance by frontend framework?▼

Yes, use the --stack flag to filter by frameworks such as html-tailwind, react, nextjs, vue, svelte, swiftui, react-native, flutter, or shadcn. The filter matches the entry's stack field, tags, or full text.

Does the search script require external Python packages?▼

No, the script uses only the Python standard library including argparse, json, and re. It reads the bundled catalog.json file and works offline with any Python 3 installation.

What happens when a search returns no results?▼

The script prints a message suggesting broader terms or running with --list-domains. Entries are scored by keyword matches in titles, tags, and content, so short generic keywords usually return results.

Related Skills

Explore More Design & Creative Skills→
0xarcano0xarcano

product-marketing-context

Generate and update product marketing context documents in Markdown.

Community
Intermediate
dudqks0319-cpududqks0319-cpu

ui-web

Implements accessible web UI components with Tailwind CSS, glassmorphism, and dark mode support.

Community
Intermediate
serguei9090serguei9090

colorize

Define purposeful color palettes with semantic mappings for interface states.

Community
Advanced
igeligeligeligel
44

image

Generate and optimize marketing images using AI models and design tools.

Community
Advanced