ui-ux-pro-max

Generate UI/UX design systems with BM25 search and reasoning rules.

Updated Apr 22, 2026
One-click install
npx skills add https://github.com/SaikeNO/dark-kitchen --skill ui-ux-pro-max-saikeno
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/SaikeNO/dark-kitchen/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/SaikeNO/dark-kitchen --skill ui-ux-pro-max-saikeno

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires pypdf, pdfplumber, pdf2image, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide for UI/UX design, offering a searchable database with priority-based recommendations to streamline the design process.

Core Features & Use Cases

  • Comprehensive Design Guide: Access a vast library of UI/UX design elements, including styles, color palettes, font pairings, UX guidelines, and chart types.
  • Searchable Database: Quickly find design elements based on product type, style, color, typography, and more.
  • Design System Generation: Generate a complete design system with patterns, styles, colors, typography, effects, and anti-patterns based on user requirements.
  • Detailed Searches: Get additional details on styles, charts, UX best practices, and alternative fonts.
  • Stack Guidelines: Get implementation-specific best practices for various technology stacks.
  • Use Case: Design a landing page for a fintech service. Use the Skill to find the perfect color palette, typography, and layout patterns tailored to the fintech industry.

Quick Start

Generate a design system for a fintech landing page by running the following command:

python3 skills/ui-ux-pro-max/scripts/search.py "fintech landing page" --design-system

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 specific product like a fintech landing page?

To generate a design system for a fintech landing page, run the search script with your project description and the design-system flag. This queries the database to output tailored patterns, color palettes, typography, effects, and anti-patterns.

What is the best way to find UI styles and color palettes for a specific industry?

The best way to find UI styles and color palettes is to use the built-in BM25 search engine. Querying the database with your product type returns priority-based recommendations for styles, colors, and typography tailored to that industry.

Do I need Python to use this UI/UX design recommendation engine?

Yes, you need Python to execute the search scripts and run the recommendation engine. The environment also requires installing search-related libraries like pypdf, pdfplumber, and pdf2image to parse the reference materials.

Can I search for specific chart types and UX guidelines within the database?

Yes, you can search for specific chart types and UX guidelines. The searchable database supports detailed queries to retrieve additional details on styles, charts, UX best practices, and alternative fonts.

Does this tool provide implementation guidelines for different technology stacks?

Yes, the tool provides stack guidelines for various technology stacks. After generating your design system, you can retrieve implementation-specific best practices to apply the generated patterns and styles directly in your framework.

What are common UI anti-patterns and how can I avoid them in my design?

Common UI anti-patterns are documented alongside positive patterns in the design system generation. Querying the database provides specific anti-patterns to avoid for your chosen style, ensuring your UX follows established best practices.