ui-ux-pro-max

Search local UI/UX design data to generate design systems and implementation guidance.

1|Updated Jul 2, 2026
One-click install
npx skills add https://github.com/filippolmt/skills --skill ui-ux-pro-max-filippolmt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/filippolmt/skills/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/filippolmt/skills --skill ui-ux-pro-max-filippolmt

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve? Choosing styles, color palettes, typography, and interaction patterns for a new interface is slow and inconsistent without a reference base. This Skill provides a searchable local database of UI/UX guidance so design decisions are grounded in curated data rather than guesswork. ## Core Features & Use Cases - Design System Generation: Run a single query to produce a complete design system (pattern, style, colors, typography, effects, anti-patterns) and optionally persist it as a Master file plus per-page overrides. - Domain-Specific Search: Query 12 domains including styles, colors, typography, charts, icons, GSAP motion presets, UX guidelines, and landing page patterns via a BM25 search engine. - Stack-Specific Guidelines: Retrieve implementation rules for 22 stacks such as React, Next.js, Vue, SwiftUI, Flutter, and Tailwind. - Use Case: When asked to build a SaaS dashboard in Next.js, generate a design system with the design-system mode, then pull accessibility rules from the ux domain and Next.js-specific guidance from the stack search. ## Quick Start Ask the AI to design a new page or review an interface, for example: generate a design system for a beauty spa booking website and apply it to the homepage.

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 project?▼

Run the search script with the --design-system flag and a query describing your product type and style keywords. It aggregates product, style, color, landing, and typography matches into a complete recommendation with pattern, palette, fonts, and anti-patterns.

What design domains can I search with this tool?▼

You can search 12 domains: style, product, color, typography, google-fonts, chart, landing, icons, gsap, ux, react, and web. Pass --domain explicitly when auto-detection misroutes overlapping terms like font.

Which frameworks and stacks are supported for implementation guidance?▼

Stack guidelines cover 22 stacks including React, Next.js, Vue, Svelte, Angular, SwiftUI, React Native, Flutter, Jetpack Compose, HTML-Tailwind, shadcn, Laravel, Three.js, and several .NET UI frameworks. Use --stack with the detected project stack.

Does the search tool require external Python packages?▼

No, the search engine requires only Python 3 with no external dependencies. It implements BM25 ranking using the standard library and reads local CSV data files.

What should I do when a search returns zero results?▼

Retry once with a narrower query or an explicit domain or stack flag. If it still returns nothing, fall back to the built-in priority rule table and clearly state the recommendation came from defaults rather than a database match.

How do I persist a design system across sessions?▼

Add --persist and --output-dir pointing at the project root to the design-system command. It creates a MASTER.md source of truth plus optional per-page override files under design-system/<project-slug>/.