Searches a CSV design database to generate UI style, color, typography, and UX recommendations.
npx skills add https://github.com/po4yka/blog --skill ui-ux-pro-max-po4yka
Please help me install this Agent Skill. Skill: ui-ux-pro-max Source: https://github.com/po4yka/blog/tree/main/.agents/skills/ui-ux-pro-max Command: npx skills add https://github.com/po4yka/blog --skill ui-ux-pro-max-po4yka
scripts/search.py with domain filters like --domain color or --domain ux. - Design System Generation: Run --design-system to aggregate product, style, color, landing, and typography results into a complete recommendation with anti-patterns, optionally persisted as a design-system/MASTER.md plus per-page override files. - Stack-Specific Guidelines: Retrieve implementation rules for 15 stacks (Astro, React, Next.js, Vue, Svelte, Tailwind, SwiftUI, Flutter, and more) via --stack <name>. - Use Case: When building a SaaS dashboard, run the search CLI with the product type and keywords to get a recommended pattern, color tokens, font pairing, and a pre-delivery accessibility checklist. ## Quick Start Ask the AI to use the ui-ux-pro-max skill to recommend a design system for your product type, for example by running its search script with your product keywords and the --design-system flag.High-intent search queries and answers about installing and using this skill.
Run the search script with your product type and keywords plus the --design-system flag, for example `python3 scripts/search.py "saas dashboard" --design-system -p "My Project"`. It aggregates product, style, color, landing, and typography searches into one recommendation with anti-patterns.
Use the --domain flag with the search script: `--domain color` searches 161 product-specific palettes, and `--domain typography` searches 57 font pairings. Add `-n` to control the maximum number of results returned.
Yes, the --stack flag retrieves implementation guidelines for 15 stacks including astro, react, nextjs, vue, svelte, nuxtjs, html-tailwind, swiftui, flutter, and jetpack-compose. Each stack file contains do/don't rules with code examples and severity levels.
Yes, add --persist to write a design-system/MASTER.md file as the global source of truth. Use --page "dashboard" to also create a page-specific override file under design-system/pages/ that takes precedence over the master rules.
The search matches keywords against CSV columns using BM25 ranking, so vague or single-character queries may return weak results. It returns at most the top results with a positive score and cannot reason beyond the data stored in the CSV files.
Nhqvu2005Recommend and compare technology stacks using a local database and Python scripts.
yahav123147Standardize web app styling into CSS variables, TypeScript tokens, and theme switching.
selrai-companyAudit and improve web interfaces for WCAG 2.1 accessibility compliance.
reason-machinesInstall themed shadcn/ui components from 31 design systems via the shadcn CLI.