skills.rest
FrekiManagarm
FrekiManagarmCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generates design system recommendations and searches UI/UX guidelines via a BM25-based CLI.

Updated May 8, 2026
Search Tags:#typography#design system#color palette#ui design#tailwind#ux guidelines#bm25 search
One-click install
npx skills add https://github.com/FrekiManagarm/d-chambaud --skill ui-ux-pro-max-frekimanagarm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/FrekiManagarm/d-chambaud/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/FrekiManagarm/d-chambaud --skill ui-ux-pro-max-frekimanagarm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing the right style, color palette, typography, and layout for a new UI project is time-consuming and inconsistent. This Skill provides a searchable design intelligence database that returns concrete, prioritized UI/UX recommendations for web and mobile projects. ## Core Features & Use Cases - Design System Generation: Run a single CLI command with --design-system to get a complete recommendation covering pattern, style, colors, typography, effects, and anti-patterns, with optional persistence to a MASTER.md plus per-page override files. - Domain Search: Query 10 domains (style, color, typography, chart, landing, product, ux, icons, react, web) backed by CSV datasets and BM25 ranking. - Stack Guidelines: Retrieve implementation best practices for 13 stacks including React, Next.js, Vue, Svelte, SwiftUI, Flutter, and Tailwind. - Use Case: When asked to build a landing page for a beauty spa, generate a full design system with palette hex codes, font pairings, and section order, then verify the result against the pre-delivery accessibility checklist. ## Quick Start Ask the AI to generate a design system for your project, for example: create a design system for a fintech dashboard using the ui-ux-pro-max search script.

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 design system for a new web project?▼

Run the search.py script with the --design-system flag and a query describing your product, industry, and style keywords. It searches product, style, color, landing, and typography domains, then returns a complete recommendation with palette hex codes, font pairings, and anti-patterns.

What UI styles and color palettes are available for search?▼

The database contains 67 styles including glassmorphism, minimalism, brutalism, and neumorphism, plus 96 color palettes organized by product type such as SaaS, e-commerce, healthcare, and fintech. Use the style or color domain flags to query them.

Does the skill support frameworks other than React and Next.js?▼

Yes, stack-specific guidelines are available for 13 stacks including Vue, Svelte, SwiftUI, React Native, Flutter, shadcn/ui, Jetpack Compose, and html-tailwind, which is the default when no stack is specified.

How do I save a design system for use across multiple pages?▼

Add the --persist flag to write a MASTER.md file as the global source of truth, and use --page to create page-specific override files under design-system/pages/. Page files override the master rules when both exist.

What are the requirements to run the UI/UX search tool?▼

Python 3 is the only requirement; the scripts use only the standard library (csv, re, math, argparse). The CSV data files must exist in the data directory relative to the scripts folder.

Related Skills

Explore More Design & Creative Skills→
nhatmobile1nhatmobile1

design-styles

Analyze web design styles and extract color palettes, typography, and layout guidelines.

Community
Basic
brainbrewlabsbrainbrewlabs
7

doc-publishing

Publishes documentation to GitHub Pages, Vercel, or Netlify from source docs and build outputs.

Official
Intermediate
dudqks0319-cpududqks0319-cpu

ui-testing

Validates UI components against accessibility standards using contrast, visibility, and touch-target checklists.

Community
Basic
rafaelcallejarafaelcalleja
2

ui-styling

Generate Tailwind CSS configurations and integrate shadcn/ui components for React-based UIs.

Community
Advanced