ui-ux-pro-max

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

Updated Dec 3, 2025
One-click install
npx skills add https://github.com/hiehoo/polymarket-telebot-v2 --skill ui-ux-pro-max-hiehoo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/hiehoo/polymarket-telebot-v2/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/hiehoo/polymarket-telebot-v2 --skill ui-ux-pro-max-hiehoo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python3, pandas, requests.

What problem does it solve?

This Skill provides a searchable database of UI styles, color palettes, font pairings, chart types, product recommendations, UX guidelines, and stack-specific best practices to help you design better faster.

Core Features & Use Cases

  • Style & color guidance: Palettes, accessibility, typography, and color tokens.
  • Stack-aware guidelines: Tailwind/html-tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter.
  • Output-ready patterns: Landing pages, dashboards, e-commerce, portfolios.

Quick Start

Provide a product context (type, required style) and Claude will return a starter UI design system (colors, typography, spacing, and component patterns).

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 create a UI design system with color palettes and typography for my React app?

Retrieve a complete design system including color palettes, typography pairings, and spacing tokens tailored to React. Input your product context and get structured style recommendations and component patterns ready to implement with Tailwind or your chosen stack.

Can I get UI/UX design guidance for Tailwind, Vue, Next.js, and other frameworks?

Yes. This Skill provides stack-aware UI guidance for html-tailwind, React, Vue, Next.js, Svelte, SwiftUI, React Native, and Flutter, delivering implementation-specific style recommendations and best practices for each framework.

What's the best way to design a landing page, dashboard, or e-commerce interface quickly?

Use BM25-based search over domain-specific UI/UX data to retrieve output-ready patterns, color palettes, typography pairings, chart suggestions, and landing page structures. Combine these recommendations into a cohesive design system with implementation checklists.

How do I find accessible color palettes and typography combinations for my design?

Search the design guidance database for accessible color tokens, compliant typography pairings, and style recommendations. Results include palette accessibility details and specific font combinations tested for readability and contrast.

Does this work with mobile app frameworks like React Native and Flutter?

Yes. The Skill includes stack-specific guidelines and implementation patterns for React Native and Flutter alongside web frameworks, delivering mobile-appropriate color palettes, typography, and component recommendations.

Can I get chart type recommendations and product UI patterns for dashboards?

Yes. The Skill returns chart suggestions, dashboard layout patterns, product recommendation structures, and UX guidelines within a searchable design database, enabling data-driven interface decisions.