skills.rest
ludotype
ludotypeCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Searches a BM25-indexed database of UI styles, color palettes, typography, and UX guidelines across 10 frameworks.

1|Updated May 16, 2026
Search Tags:#typography#accessibility#design system#color palette#ui design#ux guidelines#bm25 search
One-click install
npx skills add https://github.com/ludotype/game-adventurertown --skill ui-ux-pro-max-ludotype
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ludotype/game-adventurertown/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/ludotype/game-adventurertown --skill ui-ux-pro-max-ludotype

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Designing consistent, accessible, and professional interfaces requires choosing the right style, colors, fonts, and interaction patterns, which is slow and error-prone without a structured reference. This Skill provides a searchable design intelligence database so UI decisions are grounded in documented guidelines rather than guesswork. ## Core Features & Use Cases - Design System Generation: Run a single query to get a complete design system (style, colors, typography, effects) matched to a product type, with optional persistence to MASTER.md and per-page override files. - Domain-Specific Search: Query 8 domains (style, color, typography, chart, landing, product, ux, prompt) plus 10 stack-specific guideline sets (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS) via a BM25 search CLI. - UX Review Checklists: Apply 99 prioritized UX rules covering accessibility, touch targets, animation, forms, navigation, and charts when reviewing or fixing existing UI code. - Use Case: When asked to build a fintech dashboard, run the design-system search to get a recommended style, palette, and font pairing, then query the chart and ux domains for data visualization and accessibility rules before writing code. ## Quick Start Ask the AI to generate a design system for your product type, for example: "Use the ui-ux-pro-max skill to recommend a style, color palette, and font pairing for a SaaS analytics dashboard."

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 or mobile app?▼

Run the search script with the --design-system flag and a query describing your product type and industry, for example "beauty spa wellness". It returns a complete recommendation covering style, colors, typography, and effects, plus anti-patterns to avoid.

How do I search UI guidelines for a specific framework like React or SwiftUI?▼

Use the --stack flag with one of the 10 supported stacks: html-tailwind, react, nextjs, vue, nuxtjs, nuxt-ui, svelte, swiftui, react-native, or flutter. The search returns stack-specific do/don't guidelines with code examples and severity levels.

What design domains can I search with this tool?▼

Eight domains are available: style, color, typography, chart, landing, product, ux, and prompt. If you omit the --domain flag, the tool auto-detects the most relevant domain from keywords in your query.

Does the UI/UX search tool require any Python packages to install?▼

No external packages are required. The scripts use only Python standard library modules (csv, re, math, argparse, pathlib), so any Python 3 installation works without pip installs.

How do I persist a design system across sessions for a multi-page project?▼

Add the --persist flag with a project name to create design-system/MASTER.md as the global source of truth. Use --page to also create page-specific override files that take priority over the master rules for that page.

When should I not use this UI/UX design skill?▼

Skip it for pure backend logic, API or database design, infrastructure work, and non-visual automation scripts. It only applies when a task changes how an interface looks, feels, moves, or is interacted with.

Related Skills

Explore More Design & Creative Skills→
mohamednegm0mohamednegm0

ai-discoverability-audit

Audit brand representation across AI search and recommendation systems.

Community
Advanced
avibebuilderavibebuilder
113

frontend-design

Build distinctive frontend interfaces with framework-specific code and accessibility guidance.

Official
Advanced
raiden076raiden076
2

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and usability gaps.

Community
Intermediate
Cure-Consulting-GroupCure-Consulting-Group
1

product-design

Generate platform-specific UI design specifications with design tokens and accessibility standards.

Official
Advanced