ui-ux-pro-max

Retrieve UI/UX design guidance from a BM25-based knowledge base.

1|Updated Oct 29, 2025
One-click install
npx skills add https://github.com/thanhtoan105/Accounting_ERP_Chatbot --skill ui-ux-pro-max-thanhtoan105
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/thanhtoan105/Accounting_ERP_Chatbot/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/thanhtoan105/Accounting_ERP_Chatbot --skill ui-ux-pro-max-thanhtoan105

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides a searchable BM25-based database of UI/UX resources—styles, color palettes, typography, charts, prompts, and stack guidelines—to accelerate design decisions and implementation.

Core Features & Use Cases

  • Multi-domain search across product, style, color, typography, chart, landing, ux guidelines, prompts
  • Stack guidelines tailored to stacks like html-tailwind, react, nextjs, vue, svelte, swiftui, react-native, flutter
  • Output-ready guidance including color palettes, typography options, and recommended patterns
  • Rapid design enablement for dashboards, landing pages, SaaS products, and marketing sites
  • BM25-based relevance for fast, token-efficient retrieval of design knowledge

Quick Start

Example: python3 .claude/skills/ui-ux-pro-max/scripts/search.py "elegant" --domain style

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 for UI/UX design guidance across multiple frameworks and stacks?

This Skill provides BM25-based search across design domains—styles, palettes, typography, charts—tailored to frameworks like React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter. Query by design intent (e.g., 'elegant', 'minimal') and specify your stack to retrieve stack-aware recommendations.

Can I use this to find color palettes and typography pairings for my project?

Yes. The Skill returns output-ready color palettes, typography options, and style recommendations from a structured knowledge base. Results include implementation notes suited to your chosen stack—HTML/Tailwind, React, Vue, or mobile frameworks.

What design domains does the search cover?

Search spans product design, styles, colors, typography, charts, landing page patterns, UX guidelines, and prompts. Each domain stores structured recommendations optimized for dashboards, SaaS products, marketing sites, and mobile apps.

How does BM25-based search improve design retrieval speed?

BM25 ranks design resources by relevance and term frequency, returning the most applicable guidance first. This token-efficient ranking accelerates design decisions without requiring full dataset scans, ideal for downstream agents with output constraints.

Does this Skill work for both web and mobile app design?

Yes. The Skill supports web stacks (HTML/Tailwind, React, Next.js, Vue, Svelte) and native mobile frameworks (SwiftUI, React Native, Flutter), delivering stack-specific design patterns and implementation guidance for each platform.