ui-ux-pro-max

Search UI/UX design databases for styles, palettes, typography, and guidelines.

Updated Mar 28, 2026
One-click install
npx skills add https://github.com/tuliopc23/cardmaniacs-website --skill ui-ux-pro-max-tuliopc23
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/tuliopc23/cardmaniacs-website/tree/main/.junie/skills/ui-ux-pro-max
Command: npx skills add https://github.com/tuliopc23/cardmaniacs-website --skill ui-ux-pro-max-tuliopc23

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering searchable databases for styles, color palettes, typography, and UX guidelines to streamline the design process.

Core Features & Use Cases

  • Design System Generation: Create a complete design system based on project requirements, including patterns, styles, colors, and typography.
  • Detailed Search: Access specific information on UI styles, color palettes, chart types, landing page patterns, UX best practices, and typography.
  • Stack-Specific Guidelines: Get implementation best practices for various frontend stacks like HTML/Tailwind, React, and Next.js.
  • Use Case: A developer needs to design a professional SaaS dashboard. They can use this Skill to generate a design system, get recommendations for color palettes suitable for dashboards, and find UX guidelines for data visualization.

Quick Start

Generate a design system for a 'beauty spa wellness service' project.

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 generate a complete design system for a web project?

Generate a complete design system by defining project requirements to output cohesive UI styles, color palettes, typography rules, and UX guidelines. This provides a searchable database to streamline the entire design process.

What are the best UX guidelines for data visualization in a SaaS dashboard?

UX guidelines for data visualization in a SaaS dashboard include using searchable databases for chart types and landing page patterns. This ensures professional data presentation by following established UX best practices.

Can I get stack-specific implementation best practices for React and Next.js?

Yes, you can get stack-specific implementation best practices for React and Next.js. The system provides frontend development guidelines to translate design systems into functional web technologies.

How do I find a suitable color palette and typography for a specific UI style?

Find a suitable color palette and typography by performing a detailed domain-specific search. This queries a design intelligence database to retrieve matching styles and visual rules for your frontend.

Does this design intelligence tool work without external frontend dependencies?

Yes, this design intelligence tool works without external dependencies. It operates independently using internal scripts and references to provide searchable UI styles, color palettes, and UX guidelines.

What is the best way to search for landing page patterns and UI styles?

The best way to search for landing page patterns and UI styles is using detailed domain-specific queries. This accesses a curated database to retrieve exact design patterns, typography, and color palettes.