skills.rest
luan-thnh
luan-thnhCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/luan-thnh/hrm-auto-extension --skill ui-ux-pro-max-luan-thnh
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
hiehoohiehoo

ui-ux-pro-max

Retrieve UI/UX design guidance with BM25 search across stack-specific patterns.

Community
Advanced
bbvch-aibbvch-ai
9

design-system

Provide Vue.js, Tailwind CSS, and PrimeVue design tokens and component patterns.

Official
Intermediate
Azeem-2Azeem-2

frontend-design

Create production-ready frontend interfaces with HTML/CSS/JS or framework components.

Community
Advanced
jtangir87jtangir87

design-guide

Define Paperclip UI design standards for layout, color, typography, and components.

Community
Advanced