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>/.