ui-ux-pro-max

Generate design systems and UI/UX recommendations from BM25-searched CSV datasets.

2|Updated Feb 11, 2026
One-click install
npx skills add https://github.com/curiositech/port-daddy --skill ui-ux-pro-max-curiositech
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/curiositech/port-daddy/tree/main/.gemini/skills/ui-ux-pro-max
Command: npx skills add https://github.com/curiositech/port-daddy --skill ui-ux-pro-max-curiositech

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill eliminates the friction of producing consistent, implementable UI design systems by providing a searchable knowledge base of styles, color palettes, typography pairings, UX guidelines, and stack-specific implementation advice that designers and engineers can act on immediately.

Core Features & Use Cases

  • BM25-powered searchable database across domains: style, color, typography, chart recommendations, landing patterns, and UX guidelines.
  • Automated design system generation that aggregates multi-domain results, applies reasoning rules, and produces a Master file with optional page-level overrides for hierarchical persistence.
  • Stack-specific guidance and implementation checklists (default html-tailwind plus React, Next.js, Vue and mobile stacks), useful for creating landing pages, dashboards, and production-ready component specs.

Quick Start

Generate a complete design system for a "SaaS dashboard" and persist it as the project master using the ui-ux-pro-max search and persist workflow.

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 UI design system for a web application?

Generate a UI design system by searching curated datasets for styles, color palettes, and typography pairings, then aggregating results into a Master file with stack-specific guidelines and page-level overrides.

What's the best way to choose typography pairings and color palettes for a Tailwind project?

Choosing typography pairings and color palettes for Tailwind involves BM25-powered searches over curated design datasets, returning stack-specific implementation advice and UX guidelines for immediate use.

Does this design system generator support React and Next.js stacks?

Yes, the design system generator supports React and Next.js stacks, providing stack-specific guidance and implementation checklists alongside the default html-tailwind configuration for production-ready components.

Can I persist design system guidelines as a project master file?

Yes, you can persist design system guidelines as a project master file by applying the search and persist workflow, which supports hierarchical persistence with optional page-level overrides for web and mobile products.

How do I select landing page patterns and run accessibility checks for a SaaS dashboard?

Select landing page patterns and run accessibility checks for a SaaS dashboard by searching the curated UX guidelines and landing pattern domains, which aggregate reasoning rules into actionable design recommendations.

What limitations exist when applying UI UX guidelines across multiple mobile stacks?

Limitations when applying UI UX guidelines across mobile stacks depend on the curated CSV datasets available, meaning coverage spans specific domains like style, color, and typography rather than arbitrary custom frameworks.