ui-ux-pro-max

Search UI/UX style guides for colors, typography, charts, and stacks.

Updated Jun 13, 2025

Search Tags:#typography #ui #accessibility #animation #ux #design-system #color-palette

One-click install

npx skills add https://github.com/bingxueai123456/eclair_home --skill ui-ux-pro-max-bingxueai123456

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/bingxueai123456/eclair_home/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/bingxueai123456/eclair_home --skill ui-ux-pro-max-bingxueai123456

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides a comprehensive, searchable database of UI/UX style guides covering colors, typography, charts, and stacks to accelerate design system planning and implementation.

Core Features & Use Cases

Search across style categories (colors, typography, layout, charts) to discover design tokens and patterns.
Access 50 font pairings, 21 color palettes, and 20 chart types to assemble cohesive design systems.
Stack-specific guidelines for html-tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter to speed up implementation.

Quick Start

Try a sample query to explore: "modern fintech dashboard color palette"

Run: python3 .claude/skills/ui-ux-pro-max/scripts/search.py "fintech dashboard color palette" --domain color
Then: python3 .claude/skills/ui-ux-pro-max/scripts/search.py "typography pairing" --domain typography
Finally: export relevant tokens to your design system documentation or tooling.