ui-ux-pro-max

Index and retrieve UI/UX design guidelines via BM25 search.

Updated Jan 31, 2026

Search Tags:#ui #search #ux #design-guidelines #style-guidance #bm25

Ready to run

npx skills add https://github.com/luan-thnh/hrm-auto-extension --skill ui-ux-pro-max-luan-thnh

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/luan-thnh/hrm-auto-extension/tree/main/.opencode/skills/ui-ux-pro-max
Command: npx skills add https://github.com/luan-thnh/hrm-auto-extension --skill ui-ux-pro-max-luan-thnh

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill provides a searchable knowledge base and BM25-powered search to quickly locate UI/UX design guidelines across styles, colors, typography, charts, and UX best practices for design decisions.

Core Features & Use Cases

Searchable database of UI styles, color palettes, font pairings, chart types, product recommendations, UX guidelines, and stack-specific best practices.
BM25-based search that ranks results by relevance to user queries and returns concise guidance suitable for design and implementation.
Use cases include selecting a color palette for a brand, picking typography for headings and body text, choosing a dashboard layout, or validating UX guidelines before development.

Quick Start

Run the BM25 search with your keywords to retrieve relevant UI/UX guidelines and apply them to your project.

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 find UI design guidelines for selecting a color palette and typography?▼

You can find UI design guidelines by running a BM25-powered search with keywords related to your desired color palette or typography. This skill indexes and ranks styles, font pairings, and UX best practices to return concise, relevant design guidance.

What is the best way to choose a dashboard layout for my web app?▼

The best way to choose a dashboard layout is to query this searchable design knowledge base. It retrieves domain-specific UI guidelines and stack-specific best practices to help you validate layout and UX decisions before development.

Does this UI style guidance work for marketing pages and websites?▼

Yes, this UI style guidance works for marketing pages and websites. It supports domain-specific queries to retrieve visual system elements, ensuring you get tailored recommendations for various web and app contexts.

How do I search for UX best practices before starting development?▼

You search for UX best practices by providing keywords to the BM25 search mechanism. It ranks indexed guidelines by relevance, allowing you to quickly retrieve and apply validation rules for your development stack.

Can I get stack-specific tuning for UI visual system elements?▼

Yes, you can get stack-specific tuning for UI visual system elements. The skill tailors search results to match your specific technical stack, providing relevant recommendations for charts, colors, and typography.