ui-ux-pro-max

Search UI style and guideline databases with BM25 across design domains.

4|1|Updated Apr 4, 2024
One-click install
npx skills add https://github.com/maraxen/praxis --skill ui-ux-pro-max-maraxen
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/maraxen/praxis/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/maraxen/praxis --skill ui-ux-pro-max-maraxen

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI design decisions are time-consuming and fragmented. This Skill consolidates UI/UX guidance into a searchable database, enabling quick access to styles, palettes, typography, charts, and stack-specific best practices.

Core Features & Use Cases

  • Searchable database of UI styles, color palettes, font pairings, chart types, product recommendations, UX guidelines, and stack-specific best practices.
  • Guided workflows: analyze requirements, perform domain searches across multiple design domains, and synthesize actionable guidance.
  • Stack-aware outputs: generate implementation notes and best-practice guidelines for HTML/Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.

Quick Start

Query UI/UX Pro Max with your product type and design goals to receive a complete, implementation-ready design guidance set.

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 find UI style and color palette recommendations for a marketing site?

You can retrieve stack-specific UI guidelines by querying the database with your product type and target framework. It generates implementation notes and best-practice guidelines for HTML/Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.

What is the best way to search for typography and UX guidelines for mobile interfaces?

The best way to search for typography and UX guidelines is to specify your mobile interface requirements and let the domain-based BM25 search retrieve relevant results. It returns structured data covering font pairings, styles, and UX best practices tailored to your product type.

Does this UI design database support dashboard and chart type recommendations?

Yes, the UI design database supports dashboard and chart type recommendations by performing domain searches across the charts domain. You receive structured results with defined fields covering chart types, UX guidelines, and product recommendations tailored to dashboard interfaces.

Can I get React Native and Flutter specific design system guidelines?

Yes, you can get React Native and Flutter specific design system guidelines through the stack-aware output feature. The database synthesizes actionable guidance and generates best-practice implementation notes specifically for these mobile frameworks.

How do I consolidate fragmented UI design decisions into a structured workflow?

You consolidate fragmented UI design decisions by using the guided workflow to analyze requirements and perform domain searches across styles, palettes, and typography. The system synthesizes these fragmented pieces into an actionable, implementation-ready design guidance set.