ui-ux-pro-max

Generate design system recommendations for UI/UX projects.

Updated Apr 13, 2026
One-click install
npx skills add https://github.com/nayyirahsan/labrecon --skill ui-ux-pro-max-nayyirahsan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/nayyirahsan/labrecon/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/nayyirahsan/labrecon --skill ui-ux-pro-max-nayyirahsan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, cohere, pgvector, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a comprehensive set of resources and intelligent recommendations to streamline UI/UX design processes, enabling users to create high-quality designs more efficiently.

Core Features & Use Cases

  • Comprehensive Design Guide: Access 67 styles, 96 palettes, 57 font pairings, 25 charts, and 13 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui).
  • Intelligent Recommendations: Get priority-based recommendations on color palettes, typography, accessibility, and more for your design projects.
  • Searchable Database: Easily search for design patterns, best practices, and guidelines.

Quick Start

Generate a comprehensive design system for a "SaaS dashboard" project with ui-ux-pro-max generate-design-system "SaaS dashboard" --design-system -p "My 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 design system for a web or mobile application project?

To generate a design system, provide your project context to get priority-based recommendations on color palettes, typography, and accessibility. You can quickly generate a comprehensive system for a specific project type using the generate-design-system command.

What's the best way to find font pairings and color palettes for a UI/UX design project?

The best way to find font pairings and color palettes is to search the built-in database containing 96 palettes and 57 font pairings. This provides intelligent, priority-based recommendations suited to your specific UI/UX design needs.

Do I need Python and Cohere to get intelligent design recommendations?

Yes, you need a Python environment with the Cohere and pgvector libraries installed. These dependencies power the semantic search and reasoning required to deliver intelligent design system recommendations.

Can I use this tool to find design best practices for frameworks like React, Next.js, or Flutter?

Yes, you can search for design patterns and best practices across 13 different stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter. It provides guidelines specifically tailored to these frameworks.

What UI/UX design patterns and best practices are available for dashboards?

The resource database includes 67 styles, 96 color palettes, 25 chart types, and comprehensive design guidelines. You can query these to find specific best practices and patterns for building SaaS dashboards or similar interfaces.

How does the tool handle accessibility recommendations for color palettes?

It uses Cohere and pgvector to reason over your project requirements and deliver priority-based recommendations. This ensures the suggested color palettes and typography pairings meet established accessibility guidelines.