ui-ux-pro-max

Generate UI/UX design systems with BM25-powered searches and CLI outputs.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill reduces the time and friction of creating production-ready UI/UX systems by producing cohesive design systems, implementation guidance, and accessibility checks from curated datasets and heuristics.

Core Features & Use Cases

  • Design system generation: BM25-powered multi-domain searches return recommended patterns, styles, color palettes, typography pairings, and key effects.
  • CLI workflows & persistence: Produce ASCII or Markdown outputs, persist a MASTER.md, and create page-specific overrides for hierarchical retrieval.
  • Stack-specific guidance: Implementation notes and best practices for html-tailwind, react, nextjs and other stacks, plus pre-delivery checklists and accessibility/performance rules.
  • Use case: Create a complete design system for a SaaS dashboard, including colors, typography, component specs, and deployment-ready implementation notes.

Quick Start

Generate a design system for a SaaS dashboard with accessible color palettes and Tailwind implementation notes.

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 an accessible UI design system for a SaaS dashboard?

To generate an accessible UI design system for a SaaS dashboard, this tool uses BM25-powered CSV searches to return recommended patterns, accessible color palettes, typography pairings, and component specs. It outputs cohesive style guidelines as Markdown or ASCII files.

What's the best way to create Tailwind implementation notes for web interfaces?

Creating Tailwind implementation notes for web interfaces is handled through stack-specific guidance, providing best practices and pre-delivery checklists. It generates actionable deployment rules and component specifications formatted for html-tailwind projects.

Does this UI generation process support Next.js and React stacks?

Yes, the UI generation process supports Next.js and React stacks. It provides stack-specific implementation notes, component specs, and best practices tailored to these frameworks alongside standard web interfaces.

Can I persist page-specific design overrides while maintaining a master file?

Yes, you can persist page-specific design overrides while maintaining a master file. The tool saves a MASTER.md file and creates hierarchical page-specific overrides to enable structured retrieval of your design system.

How does BM25 search apply to color palette and typography pairing selection?

BM25 search applies to color palette and typography pairing selection by querying curated multi-domain datasets. It ranks and returns the most relevant accessible color palettes, typography pairings, and style patterns for your specific interface.

What are the limitations of using CLI outputs for design system documentation?

The CLI outputs for design system documentation are limited to ASCII or Markdown formats. While this ensures lightweight text-based persistence, it does not generate visual design mockups or export graphical assets directly.