ui-ux-pro-max

Search UI/UX design data for style guides, palettes, and stack guidelines.

5|Updated Dec 25, 2025
One-click install
npx skills add https://github.com/intrusive-memory/skills --skill ui-ux-pro-max-intrusive-memory
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/intrusive-memory/skills/tree/main/ui-ux-pro-max
Command: npx skills add https://github.com/intrusive-memory/skills --skill ui-ux-pro-max-intrusive-memory

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

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 accelerate design decisions and unify how teams design and implement interfaces.

Core Features & Use Cases

  • Searchable style palette: Access 50+ styles, 21 palettes, 50 font pairings, 20 chart types, and 8 stacks to inform design decisions.
  • Stack-specific guidelines: Tailored best practices for html-tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter.
  • End-to-end design workflow: From product requirement analysis to typography, color systems, layout guidance, and accessibility checks, all loadable into your design context.

Quick Start

Pick a domain (Product, Style, Typography, Color, Landing, Chart, UX, or Prompt) and, if you need implementation details, specify a target stack. Example: python3 "$HOME/.claude/skills/ui-ux-pro-max/scripts/search.py" "elegant SaaS dashboard" --domain product --stack 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 create consistent UI design systems across multiple projects?

UI design systems unify interface decisions through documented styles, color palettes, typography, and component guidelines. This Skill searches across product, style, color, and typography domains to synthesize stack-specific style guides and best practices for websites, dashboards, SaaS, and mobile apps, eliminating inconsistent design decisions.

Can I automate color palette and font pairing selection for my design workflow?

Yes. This Skill delivers context-aware color palettes and font pairings by searching 21+ palettes and 50+ font pairings indexed by domain and product type. Results are tailored to your target stack—html-tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, or Flutter—accelerating design decisions.

What's the best way to choose chart types for dashboards and data visualization?

Chart selection depends on data structure and use case. This Skill indexes 20+ chart types and delivers recommendations by searching across chart and product domains with your dashboard requirements, then returns stack-specific implementation guidance for your chosen visualization.

How do I implement design guidelines for e-commerce or SaaS applications?

Design guidelines ensure cohesion across platforms and features. This Skill provides end-to-end workflow guidance covering product analysis, typography, color systems, layout, and accessibility checks, with results customized by stack—html-tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.

Does this work for mobile app design, or just web interfaces?

This Skill covers both. Its scope spans websites, dashboards, e-commerce, SaaS, landing pages, and mobile apps, with stack-specific best practices for SwiftUI, React Native, and Flutter alongside web stacks like html-tailwind, React, and Next.js.

Can I search design guidance by specific product type or landing page intent?

Yes. The Skill searches across product, landing, and UX domains to surface relevant styles, palettes, and guidelines. Specify a domain—Product, Style, Typography, Color, Landing, Chart, UX, or Prompt—and optionally a target stack to retrieve domain-specific best practices and recommendations.