ui-ux-pro-max

Search a UI/UX design knowledge base with BM25 ranking for styles, palettes, fonts, and stack guidelines.

14|3|Updated Nov 11, 2025
One-click install
npx skills add https://github.com/enuno/claude-command-and-control --skill ui-ux-pro-max-enuno
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/enuno/claude-command-and-control/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/enuno/claude-command-and-control --skill ui-ux-pro-max-enuno

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill accelerates UI/UX design decisions by providing a searchable, centralized reference of UI styles, color palettes, typography pairings, charts, and stack guidelines to streamline design work and reduce guesswork.

Core Features & Use Cases

  • Style & Palette Library: 50+ styles, 21 palettes, 50 font pairings, and 20+ chart templates to quickly assemble visual systems.
  • Stack Guidance: Domain-specific best practices for popular stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind).
  • Project Kickoffs: Generate design plans for websites, dashboards, admin panels, e-commerce sites, or mobile apps.
  • Use Case: When starting a new product, pull a ready-made design system and typography palette to accelerate the first UI pass.

Quick Start

Query: "dark-mode dashboard UI with a modern style for Next.js" to retrieve style guide, color palette, fonts, and stack-specific guidelines.

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 quickly assemble a UI design system with color palettes and typography for a new project?

Search the UI/UX design knowledge base to retrieve ready-made color palettes, font pairings, and style guides tailored to your stack—React, Next.js, Vue, Svelte, or mobile frameworks—accelerating your first design pass without starting from scratch.

Can I get stack-specific UI guidelines for React, Next.js, Vue, or Svelte?

Yes. The Skill delivers domain-specific best practices and style recommendations for popular stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter, plus Tailwind CSS guidance.

What's the best way to find a matching color palette and chart template for a dashboard design?

Query the design knowledge base with your requirements—e.g., 'dark-mode dashboard for Next.js'—to retrieve 21 color palettes, 20+ chart templates, and stack-aware guidelines ranked by relevance.

How do I avoid design guesswork when building landing pages or admin panels?

Use BM25-powered search over 50+ UI styles, font pairings, and UX guidelines to pull a complete design plan for landing pages, admin panels, e-commerce sites, or mobile apps in your chosen framework.

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

Yes. The Skill provides stack-aware recommendations and UI patterns for React Native, Flutter, and SwiftUI, alongside web frameworks, so mobile and web projects access consistent design guidance.

Can I integrate the design recommendations into my RAG pipeline or documentation workflow?

Yes. The Skill outputs structured data designed for RAG integration, enabling you to embed design recommendations directly into automated documentation, code generation, or knowledge retrieval systems.