skills.rest
limaon
limaonCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Index UI/UX resources and deliver design guidance using BM25 ranking over local CSV data.

Updated Jul 8, 2022
Search Tags:#color palettes#typography#design systems#UI design#discover#UX guidelines
One-click install
npx skills add https://github.com/limaon/dotfiles --skill ui-ux-pro-max-limaon
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/limaon/dotfiles/tree/main/.config/opencode/skills/ui-ux-pro-max
Command: npx skills add https://github.com/limaon/dotfiles --skill ui-ux-pro-max-limaon

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides a centralized, searchable hub of UI/UX guidance across styles, colors, typography, charts, and stack guidelines, enabling designers and developers to quickly discover consistent design resources.

Core Features & Use Cases

  • Unified discovery of style, color, typography, chart types, and UX guidelines across multiple design domains.
  • Contextual recommendations for product types (SaaS, e-commerce, dashboards) and design systems.
  • Real-world example: designing a SaaS admin dashboard and using the skill to locate a color palette, font pairing, and common component patterns.

Quick Start

Use the UI/UX Pro Max skill to search for relevant design resources, such as 'fintech dashboard color palette' or 'typography for marketing site', and receive top results with actionable guidance.

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 a UI color palette and typography for a SaaS dashboard?▼

To find UI color palettes and typography for a SaaS dashboard, you can search a centralized design resource hub. The skill indexes UI/UX guidelines and uses BM25 ranking to deliver matching color, font, and component recommendations.

What is the best way to discover UX guidelines for e-commerce landing pages?▼

The best way to discover UX guidelines for e-commerce landing pages is using an indexed design system search. It automatically detects your product domain and returns relevant layout patterns and component choices.

Can I get stack-aware UI design recommendations for product interfaces?▼

Yes, you can get stack-aware UI design recommendations for product interfaces. The system indexes stack guidelines and delivers relevant design guidance tailored to your specific development stack.

Do I need external libraries to search local CSV design system data?▼

No, you do not need external libraries to search local CSV design system data. The skill implements BM25-based ranking over local CSV data using Python with standard libraries only.

How does auto-domain detection work for design system searches?▼

Auto-domain detection works for design system searches by analyzing your query context, such as fintech or marketing, and automatically categorizing it. This ensures the returned color palettes and typography match your specific product type.

Related Skills

Explore More Design & Creative Skills→
danielctcdanielctc

ui-ux-pro-max

Search UI/UX style guides using a BM25 index over CSV datasets.

Community
Intermediate
AdemKaoAdemKao

ui-ux

Provide UI/UX design guidance for frontend interfaces covering color, typography, layouts, and accessibility.

Community
Intermediate
novatech2210-cmdnovatech2210-cmd

ui-ux-pro-max

Retrieve UI/UX guidance from domain CSVs using BM25 search.

Community
Advanced
nktfh100nktfh100
1

ui-ux-pro-max

Search UI/UX design guidelines across CSV datasets using BM25.

Community
Advanced