ui-ux-pro-max

Search local UI/UX design databases to generate design systems and interface guidance.

Updated May 19, 2026
One-click install
npx skills add https://github.com/LonelyTraderBay/vittrade-flutter --skill ui-ux-pro-max-lonelytraderbay
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/LonelyTraderBay/vittrade-flutter/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/LonelyTraderBay/vittrade-flutter --skill ui-ux-pro-max-lonelytraderbay

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Choosing styles, color palettes, typography, and UX patterns for a new interface often relies on guesswork. This Skill provides a searchable local knowledge base of design styles, product palettes, font pairings, UX guidelines, icons, motion presets, chart types, and stack-specific rules so design decisions are grounded in curated data. ## 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 with per-page overrides. - Domain-Specific Search: Query 12 domains (style, color, typography, chart, ux, icons, gsap, landing, product, react, web, google-fonts) plus 22 technology stacks including Flutter, React, Next.js, SwiftUI, and Tailwind. - Design Dials: Tune output with 1-10 variance, motion, and density sliders to bias toward minimal or bold styles, subtle or complex animation, and spacious or dense spacing. - Use Case: When building a fintech dashboard in Flutter, generate a design system for visual direction, then query the ux domain for accessibility rules and the flutter stack for implementation guidelines. ## Quick Start Ask the AI to generate a design system for your product type and stack, for example: create a design system for a mobile trading app in Flutter with dark mode.

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 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, color, typography, google-fonts, chart, ux, icons, gsap, landing, product, react, and web. Use --domain to target one explicitly, since auto-detection can misroute overlapping terms like font.

Does it support Flutter and React Native UI guidance?

Yes, it includes stack-specific guidelines for 22 stacks including Flutter, React Native, SwiftUI, Jetpack Compose, React, Next.js, Vue, and Tailwind. Pass the stack with --stack after detecting it from project files like pubspec.yaml or package.json.

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, not a database match.

Can I save a generated design system for later sessions?

Yes, add --persist with --output-dir pointed at your project root to create a MASTER.md source of truth plus optional per-page override files. Existing Master files are skipped unless --force is explicitly authorized.

What are the limitations of this design search tool?

It is reference and inspiration intelligence only; repository design tokens and component contracts always win in a conflict. It does not install packages, modify the system, or replace project-specific design rules, and results should be treated as recommendations.