ui-ux-pro-max

Search UI/UX knowledge base for styles, palettes, fonts, and guidelines.

Updated Jan 9, 2026
One-click install
npx skills add https://github.com/diendh/Ferro-VPN --skill ui-ux-pro-max-diendh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/diendh/Ferro-VPN/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/diendh/Ferro-VPN --skill ui-ux-pro-max-diendh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a centralized, searchable repository of UI styles, color palettes, typography, charts, and UX guidelines to speed up design decisions and ensure consistency.

Core Features & Use Cases

  • Centralized knowledge: Browse UI styles, palettes, fonts, chart types, and UX guidelines.
  • Stack-aware recommendations: Guidance tailored to React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui.
  • Use Case: Design a marketing landing page with cohesive colors and typography, then apply chart recommendations to analytics dashboards.

Quick Start

Describe your design goal and constraints to receive a tailored UI/UX plan.

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 choose cohesive UI color palettes and typography for a SaaS dashboard?

This Skill provides a searchable knowledge base of styles, palettes, and typography to solve UI/UX design decision fatigue for SaaS dashboards. You receive cohesive color combinations and font recommendations by describing your design goal and constraints.

What's the best way to find UX guidelines and chart types for analytics dashboards?

The best way to find UX guidelines and chart types for analytics dashboards is using a deterministic, keyword-driven search across domains like chart and ux. You get structured output with stack-specific guidelines for your data visualizations.

Does this UI design knowledge base support React, Next.js, and Vue stack guidelines?

Yes, this UI design knowledge base supports React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui. It provides stack-aware recommendations for product decisions, layouts, and accessibility patterns.

Can I get Tailwind CSS and shadcn/ui component recommendations for a marketing landing page?

You can get Tailwind CSS and shadcn/ui component recommendations for marketing landing pages by querying the centralized repository. The default html-tailwind stack provides structured output for cohesive styles and layouts.

How do I search for specific UI styles and accessibility patterns across different frameworks?

You search for specific UI styles and accessibility patterns using keyword-driven searches across domains like product, style, typography, color, and landing. The system applies stack-specific guidelines to return deterministic design outputs.

Why does my UI design process suffer from decision fatigue when selecting fonts and layouts?

UI design decision fatigue happens when selecting fonts and layouts without a centralized repository. This Skill provides a searchable knowledge base of styles, palettes, and UX guidelines to speed up decisions and ensure design consistency.