skills.rest
hvngroup
hvngroupCOMMUNITY
Explore all skills by this author →
Website𝕏@hvngroupGitHub

ui-ux-pro-max

Aggregate UI styles, palettes, typography, charts, and UX guidelines into actionable design plans across stacks.

Updated Aug 23, 2026
Search Tags:#typography#design#ui#ux#color-palette#style-search
One-click install
npx skills add https://github.com/hvngroup/directus_b2b_crm --skill ui-ux-pro-max-hvngroup
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/hvngroup/directus_b2b_crm/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/hvngroup/directus_b2b_crm --skill ui-ux-pro-max-hvngroup

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The UI/UX Pro Max design intelligence consolidates diverse UI styles, color palettes, typography, charts, and UX guidelines into a searchable, stack-aware knowledge base to accelerate design decisions and deliver polished interfaces.

Core Features & Use Cases

  • Searchable repository of styles, color palettes, font pairings, chart types, product recommendations, UX guidelines, and stack-specific practices.
  • Supports multiple design stacks (html-tailwind, react, nextjs, vue, svelte, swiftui, react-native, flutter, shadcn) with tailored guidance.
  • Workflow-driven: requirements analysis, domain search, typography/color exploration, and UX best practices to produce implementable design plans for websites, dashboards, admin panels, and apps.

Quick Start

Provide a complete UI concept for a SaaS dashboard by analyzing requirements, searching style keywords, color, typography, and UX guidelines, then synthesize results into a ready-to-implement 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 find the right UI styles and color palettes for a SaaS dashboard?▼

To find UI styles and color palettes for a SaaS dashboard, you can search a stack-aware knowledge base that aggregates design styles, typography, and UX guidelines to synthesize ready-to-implement design plans.

Does this UI/UX design guidance support specific frameworks like react-native and flutter?▼

Yes, this UI/UX design guidance supports specific frameworks including react-native, flutter, swiftui, react, nextjs, vue, svelte, and html-tailwind with tailored design practices for each stack.

What is the workflow for generating a complete UI concept for a web application?▼

The workflow for generating a UI concept involves analyzing requirements, searching style keywords, exploring typography and colors, and applying UX best practices to produce implementable design plans.

Can I get typography and font pairing recommendations for my mobile interface?▼

Yes, you can get typography and font pairing recommendations for mobile interfaces by searching a consolidated design intelligence repository that delivers stack-specific UX guidance.

What's the best way to consolidate diverse UX guidelines and chart types into an implementable plan?▼

The best way to consolidate diverse UX guidelines and chart types is by using a workflow-driven search orchestration that synthesizes styles and best practices into actionable design plans.

Do I need structured frontmatter entries to search for UI styles and design recommendations?▼

Yes, you need structured frontmatter-driven entries because the design discovery process relies on domain- and stack-aware search orchestration to deliver accurate typography and color guidance.

Related Skills

Explore More Design & Creative Skills→
techygargtechygarg
176

knowledge-priming-refiner

Generate a project knowledge-base.md from guided tech stack and architecture interviews.

Community
Intermediate
yuyuxinliyuyuxinli
1

ui-ux-pro-max

Generate stack-specific UI/UX design systems with Master and page override outputs.

Official
Advanced
abzhawabzhaw

data-visualization

Render real-time charts of agent activity and data trends on Julia's dashboard.

Community
Intermediate
wpgauravwpgaurav
14

normalize

Normalize frontend UI typography, color, spacing, and components to design tokens.

Community
Advanced