ui-ux-pro-max

Generates design system recommendations and searches UI/UX guidelines via a BM25-indexed CSV database.

82|9|Updated May 12, 2026
One-click install
npx skills add https://github.com/futureboard/futureboard-studio --skill ui-ux-pro-max-futureboard
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/futureboard/futureboard-studio/tree/main/.cursor/skills/ui-ux-pro-max
Command: npx skills add https://github.com/futureboard/futureboard-studio --skill ui-ux-pro-max-futureboard

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing coherent styles, color palettes, typography, and UX patterns for a new app or page is slow and inconsistent. This Skill provides a searchable design knowledge base and an automated design system generator so AI-assisted UI work starts from grounded, consistent recommendations instead of guesswork. ## Core Features & Use Cases - Design System Generation: The --design-system flag aggregates product, style, color, landing, and typography searches with reasoning rules to output a complete design system (pattern, palette, fonts, effects, anti-patterns), optionally persisted as a MASTER.md plus per-page override files. - Domain & Stack Search: BM25 search across 12 domains (style, color, typography, chart, ux, landing, icons, google-fonts, gsap, react, web, product) and 22 stack guideline files (React, Next.js, Vue, SwiftUI, Flutter, and more). - Design Dials: Optional 1-10 variance, motion, and density sliders tune style boldness, attach GSAP animation snippets, and override spacing scales. - Use Case: When asked to "build a fintech dashboard", run the design-system search to get a dark-mode palette, font pairing, layout pattern, and anti-patterns, then pull React performance guidelines before writing code. ## Quick Start Ask the AI to generate a design system for your project, for example: "Use the ui-ux-pro-max skill to generate a design system for a beauty spa landing page and save it to my project."

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

Run scripts/search.py with your product keywords and the --design-system flag, optionally adding -p for a project name. It searches product, style, color, landing, and typography domains, applies reasoning rules, and returns a complete recommendation with palette, fonts, pattern, and anti-patterns.

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

Use the --stack flag with one of the 22 supported stacks such as react, nextjs, flutter, swiftui, or vue, plus a keyword query. The script BM25-searches that stack's guideline CSV and returns do/don't rules with code examples and severity levels.

Does this skill require installing Python packages or network access?▼

No. The scripts use only the Python 3 standard library with no third-party packages and no network access. If Python 3 is missing, the user must install it themselves; the skill never runs package-manager or system-modifying commands.

Can I save the generated design system for later sessions?▼

Yes. Add --persist to write a design-system/MASTER.md as the global source of truth, and --page to create per-page override files. When building a page, the page file's rules override MASTER.md; otherwise the Master rules apply.

What do the variance, motion, and density dials control?▼

They are optional 1-10 sliders used with --design-system. Variance biases style selection from minimal to bold, motion attaches a GSAP snippet matched to subtle/standard/complex tiers, and density overrides the spacing scale from spacious to dense dashboard layouts.

Why did my search return no results?▼

A zero-result response means the query did not match the BM25-indexed vocabulary, not an empty value. Retry with broader or different keywords; the output includes closest known terms as suggestions to guide the retry.