ui-ux-pro-max

Searches a bundled design database for UI patterns, palettes, typography, and stack guidance.

284|54|Updated Jun 23, 2026
One-click install
npx skills add https://github.com/nomifun/nomifun-desktop --skill ui-ux-pro-max-nomifun
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/nomifun/nomifun-desktop/tree/main/crates/backend/nomifun-app/assets/builtin-skills/ui-ux-pro-max
Command: npx skills add https://github.com/nomifun/nomifun-desktop --skill ui-ux-pro-max-nomifun

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Designing interfaces without a reference base leads to inconsistent layouts, weak color choices, and missed states like loading, empty, and error. This Skill provides a searchable local database of UI/UX guidance so design and implementation decisions are grounded in documented patterns. ## Core Features & Use Cases - Searchable Design Database: Query nine domains (product, style, typography, color, landing, chart, ux, stack, prompt) via a Python CLI with keyword, domain, and stack filters. - Concrete Design Guidance: Each entry includes summaries, actionable guidance lists, and color role palettes with hex values for direct application. - Stack-Specific Implementation: Covers html-tailwind, react, nextjs, vue, svelte, swiftui, react-native, flutter, and shadcn/ui. - Use Case: When building a SaaS dashboard, search the product and chart domains to get layout structure, KPI card guidance, and a suitable palette before writing any code. ## Quick Start Ask the AI to search the ui-ux-pro-max database for your product type and visual tone, then apply the returned layout, palette, and typography guidance to your interface.

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 search the UI/UX design database?▼

Run python3 scripts/search.py with your keywords, optionally adding --domain to filter by product, style, color, typography, landing, chart, ux, stack, or prompt. Use -n to limit results and --list-domains to see available domains.

What design domains does the catalog cover?▼

The catalog covers nine domains: product type patterns, visual styles, typography pairings, color palettes with hex roles, landing page structures, dashboard charts, UX practices, framework-specific stack guidance, and design brief prompts.

Does it support specific frontend frameworks like React or Tailwind?▼

Yes, the stack domain includes guidance for html-tailwind, react, nextjs, vue, svelte, swiftui, react-native, flutter, and shadcn/ui. Filter with --stack followed by the framework name.

Can I get color palette recommendations with hex values?▼

Yes, color domain entries include role-based palettes with hex values for primary, secondary, accent, background, surface, text, and border. Search the color domain with terms describing your industry or tone.

What are the limitations of this design database?▼

The catalog is a fixed local JSON file, so it only contains the bundled entries and does not fetch live design trends. It provides guidance text rather than generating actual UI code or assets.