skills.rest
chuanyue98
chuanyue98COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Search product, style, color, landing, and typography domains to generate structured UI/UX design recommendations.

Updated Apr 16, 2026
Search Tags:#typography#accessibility#design system#ui/ux#color palette#nextjs#landing pattern
One-click install
npx skills add https://github.com/chuanyue98/prompt-gallery --skill ui-ux-pro-max-chuanyue98
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/chuanyue98/prompt-gallery/tree/main/.gemini/skills/ui-ux-pro-max
Command: npx skills add https://github.com/chuanyue98/prompt-gallery --skill ui-ux-pro-max-chuanyue98

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps you quickly turn a product idea into a coherent UI/UX design system by searching curated style, color, typography, landing patterns, and UX guidelines, then aggregating the best matches into actionable recommendations.

Core Features & Use Cases

  • Design-system generation: Builds a complete recommendation (pattern, style, color palette, typography, effects, and anti-patterns) from multi-domain search.
  • Hierarchical persistence: Saves outputs as MASTER.md plus optional page-level override files so different pages stay consistent while allowing deviations.
  • Stack-specific guidance: Adds implementation guidelines by targeting stacks such as html-tailwind, react, nextjs, vue, flutter, shadcn, and more.

Quick Start

Generate a design system for a target product by asking for UI work and then running the design-system search for your product type, industry, and style keywords.

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 UI/UX design system for a Next.js landing page?▼

To generate a UI/UX design system for a Next.js landing page, you provide your product idea and style keywords to trigger multi-domain searches. The system aggregates curated pattern, color palette, and typography recommendations into structured Markdown output.

Can I create a consistent design system with page-level overrides?▼

Yes, you can create a consistent design system with page-level overrides by saving outputs as a MASTER.md file. This hierarchical persistence allows different pages to maintain overall consistency while permitting specific deviations.

What is the best way to choose a color palette and typography for a web dashboard?▼

The best way to choose a color palette and typography for a web dashboard is using deterministic BM25-based searches across curated style domains. The system applies reasoning rules to output structured pattern and UX guidance.

Does this design system generator support mobile app interfaces?▼

Yes, this design system generator supports mobile app interfaces alongside web design scenarios. It processes your UI request to produce matching landing patterns, typography, and accessibility guidance for both mobile and web environments.

How do I get implementation guidelines for a React or Flutter UI design?▼

You get implementation guidelines for a React or Flutter UI design by targeting your specific stack during generation. The system adds stack-specific guidance for frameworks including react, nextjs, vue, flutter, and html-tailwind.

What format does the generated UI/UX recommendation use?▼

The generated UI/UX recommendation uses ASCII or Markdown format to deliver structured design system outputs. This includes actionable recommendations for patterns, styles, color palettes, typography, effects, and anti-patterns.

Related Skills

Explore More Design & Creative Skills→
thanhtoan105thanhtoan105
1

ui-ux-pro-max

Retrieve UI/UX design guidance from a BM25-based knowledge base.

Community
Advanced
Rafaelp122Rafaelp122
2

ui-ux-pro-max

Generate UI and UX design systems with color palettes, typography, and accessibility checklists.

Community
Advanced
doanchienthangdevdoanchienthangdev
4

design-system-context

Enforce theme-defined CSS variables for colors and border-radius in frontend components.

Community
Intermediate
iasiv5iasiv5
1

ui-ux-pro-max

Generate design systems with color palettes, typography, and UX guidelines.

Community
Advanced