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.