skills.rest
jMerta
jMertaCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Search a UI/UX design knowledge base using BM25 ranking.

130|15|Updated Dec 14, 2025
Search Tags:#typography#ui#color#ux#design-system#pattern-library
One-click install
npx skills add https://github.com/jMerta/codex-skills --skill ui-ux-pro-max-jmerta
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/jMerta/codex-skills/tree/main/ui-ux-pro-max
Command: npx skills add https://github.com/jMerta/codex-skills --skill ui-ux-pro-max-jmerta

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides a centralized, searchable repository of UI patterns, color systems, typography, charts, and UX guidelines spanning multiple frontend stacks, empowering teams to make faster, more consistent design and development decisions.

Core Features & Use Cases

  • A searchable database of UI styles, color palettes, font pairings, chart types, UX guidelines, and stack-specific best practices (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind).
  • Stack-specific guidelines and best practices to accelerate design-system creation, prototyping, and implementation across frontend technologies.
  • Use Case: Quickly assemble a cohesive design system for a new dashboard by pulling color tokens, typography, and component patterns from the catalog and applying them to the codebase.

Quick Start

Use the ui-ux-pro-max skill from its directory so that script paths resolve, or provide an absolute path to the script (e.g., python scripts/search.py "<query>")

Frequently Asked Questions about ui-ux-pro-max

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is the best way to find UI patterns and typography guidelines for multiple frontend stacks?▼

The best way to find UI patterns and typography guidelines is using a searchable design knowledge base that ranks style decisions via a BM25 search engine. It fetches and consolidates stack-specific best practices for React, Vue, Svelte, and Tailwind.

How do I assemble a cohesive design system for a new dashboard?▼

To assemble a cohesive design system, query the centralized UI repository to pull color tokens, typography, and component patterns. Apply these consolidated style guidelines directly to your frontend codebase to ensure visual consistency.

Does this UI knowledge base work with React Native and Flutter?▼

Yes, this UI knowledge base works with React Native and Flutter. It provides stack-specific guidelines and best practices for multiple frontend technologies, enabling rapid style decisions across mobile and web frameworks.

How do I search for color palettes and font pairings using this design tool?▼

You search for color palettes and font pairings by executing a script from the skill directory or providing an absolute path. The structured workflow uses a BM25-based search engine to fetch and rank matching UX guidelines.

Can I consolidate UX guidelines and chart types for different frameworks without external dependencies?▼

Yes, you can consolidate UX guidelines and chart types without external dependencies. The skill operates independently using internal scripts to search and rank design patterns across various frontend stacks.

Related Skills

Explore More Design & Creative Skills→
SaikeNOSaikeNO

ui-ux-pro-max

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

Community
Advanced
chris78reychris78rey

design-system-components

Generate HTML/Tailwind UI components and design tokens with CSS variables and reusable patterns.

Community
Basic
levinbaenningerlevinbaenninger

tailwind-design-system

Standardize Tailwind CSS v4 design systems with React 19 component patterns.

Community
Advanced
12valor12valor
1

ui-ux-pro-max

Generate design system recommendations for web and mobile applications.

Community
Advanced