ui-ux-pro-max

Name: ui-ux-pro-max
Availability: InStock
Author: ThanhToan

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

1|Updated Oct 29, 2025

Search Tags:#typography #design #ui #search #ux #palette #bm25

Ready to run

npx skills add https://github.com/thanhtoan105/Accounting_ERP_Chatbot --skill ui-ux-pro-max-thanhtoan105

💬 Prompt for ChatGPT / Claude Chat▼

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.