skills.rest
2725244134
2725244134COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Retrieve UI/UX design guidance from a knowledge base using BM25 search.

Updated Jan 2, 2026
Search Tags:#automation#typography#ui-ux#style-guide#color-palette#design-guidelines#stack-guidance
One-click install
npx skills add https://github.com/2725244134/dotfiles --skill ui-ux-pro-max-2725244134
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/2725244134/dotfiles/tree/main/opencode/.config/opencode/skill/ui-ux-pro-max
Command: npx skills add https://github.com/2725244134/dotfiles --skill ui-ux-pro-max-2725244134

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX design professionals spend substantial time researching and consolidating style guidance across colors, typography, layouts, and framework stacks. UI/UX Pro Max provides an indexed, searchable knowledge base of 50 styles, 21 palettes, 50 font pairings, 20 charts, and 8 stacks to accelerate design decisions.

Core Features & Use Cases

  • Extensive design library: 50 styles including glassmorphism, neumorphism, dark mode, and more.
  • Typography and color toolkit: 50 font pairings and 21 color palettes with implementation notes.
  • Stack-aware guidance: Recommendations for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and Tailwind.
  • Use cases: Rapidly plan websites, dashboards, admin panels, landing pages, portfolios, and mobile apps.

Quick Start

Define product type, style direction, and stack, then run the included search scripts to surface relevant guidance: python3 .claude/skills/ui-ux-pro-max/scripts/search.py "dashboard for fintech" --domain style python3 .claude/skills/ui-ux-pro-max/scripts/search.py "fintech color palette" --domain color python3 .claude/skills/ui-ux-pro-max/scripts/search.py "font pairing for UI" --domain typography Then synthesize results into a cohesive design system and apply the appropriate stack guidelines (default html-tailwind).

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 matching color palette and typography pair for a web dashboard?▼

To find a matching color palette and typography pair for a web dashboard, define your product type and style direction, then run the search script with the color and typography domains to retrieve implementation notes and structured pairing recommendations.

Can I get UI/UX design guidelines for specific frameworks like React Native and Flutter?▼

Yes, you can get UI/UX design guidelines for specific frameworks like React Native and Flutter. The knowledge base provides stack-aware guidance and layout patterns for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and Tailwind.

What is the best way to choose a UI style like glassmorphism or neumorphism for a mobile app?▼

The best way to choose a UI style like glassmorphism or neumorphism for a mobile app is querying the indexed design library by specifying your product type and using the style domain to surface structured style recommendations and usage notes.

Does this tool provide ready-to-use checklists and recommendations for landing page layouts?▼

Yes, this tool provides ready-to-use checklists and recommendations for landing page layouts. It enforces domain-aware retrieval to return structured results including recommendations, checklists, and usage notes for landing pages and portfolios.

Do I need external dependencies to run the UI/UX design search scripts?▼

No, you do not need external dependencies to run the UI/UX design search scripts. The skill uses a built-in BM25 search mechanism over an internal knowledge base and requires no external packages to retrieve design guidance.

Why does my typography search return generic font pairings instead of stack-specific guidance?▼

Your typography search returns generic font pairings instead of stack-specific guidance because the query domain was set to typography rather than stack. Specify the stack domain to retrieve framework-specific guidelines for your chosen technology.

Related Skills

Explore More Design & Creative Skills→
xiaoshenmingxiaoshenming

ui-ux-pro-max

Search UI/UX design knowledge with BM25-ranked results.

Community
Intermediate
jabez4jcjabez4jc

ui-ux-pro-max

Generate design systems with styles, palettes, typography, and UX guidelines.

Community
Advanced
seb1nseb1n
147

Frontend Design

Generate responsive HTML, CSS, and React, Vue, or Svelte components with WCAG accessibility and dark mode.

Community
Advanced
zero-rehqzero-rehq

ui-ux-pro-max

Retrieves UI/UX design guidance via BM25 search across style, color, typography, chart, and UX domains.

Community
Advanced