skills.rest
H2OSLabs
H2OSLabsOFFICIAL
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generates style systems with palettes, fonts, charts, and stack recommendations.

Updated Jan 19, 2026
Search Tags:#typography#design#ui-ux#style-guide#color-palette#component-library
One-click install
npx skills add https://github.com/H2OSLabs/ssd --skill ui-ux-pro-max-h2oslabs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/H2OSLabs/ssd/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/H2OSLabs/ssd --skill ui-ux-pro-max-h2oslabs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill centralizes UI/UX design patterns, style guidance, and stack recommendations to accelerate the creation of polished interfaces and consistent experiences.

Core Features & Use Cases

  • Generates style systems including 50 styles, 21 palettes, 50 font pairings, 20 chart types, and 9 stacks for multiple frameworks.
  • Provides design guidance for website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile apps.
  • Enables rapid exploration and comparison of UI approaches, typography, color, spacing, and accessibility considerations.

Quick Start

Use the ui-ux-pro-max skill to fetch design recommendations for a new product page and generate a ready-to-implement UI spec.

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 style guide for a React and Tailwind project?▼

To generate a UI style guide for a React and Tailwind project, you can retrieve design recommendations including 50 styles, 21 color palettes, and 50 font pairings to establish a consistent visual system. The skill provides actionable prompts and ready-to-implement UI specs for these frameworks.

What is the best way to find font pairings and color palettes for a SaaS dashboard?▼

The best way to find font pairings and color palettes for a SaaS dashboard is by querying a centralized knowledge base of 50 styles, 21 palettes, and 50 font pairings. This provides specific design guidance tailored to dashboard and admin panel interfaces.

Does this design guidance support mobile app development in SwiftUI and Flutter?▼

Yes, this design guidance supports mobile app development in SwiftUI and Flutter. It covers web and mobile projects across multiple frameworks including React Native, providing component patterns and stack recommendations for mobile interfaces.

Can I get component patterns and chart recommendations for an admin panel?▼

Yes, you can get component patterns and chart recommendations for an admin panel. The skill offers 20 chart types and specific design guidance for admin panels, enabling rapid exploration of UI approaches and data visualization patterns.

How do I compare UI approaches and accessibility considerations for an e-commerce site?▼

To compare UI approaches and accessibility considerations for an e-commerce site, you can use the skill to explore and contrast styles, typography, and spacing. It provides actionable workflow guidance and design specs specifically for e-commerce interfaces.

Related Skills

Explore More Design & Creative Skills→
cshyangcshyang

gsd:workflow:discovery-phase

Plan and execute a project discovery phase to define requirements and scope.

Community
Intermediate
nidhalboumaiza-0nidhalboumaiza-0

frontend-design

Convert UI style requirements into frontend code with a tokens-first design system.

Community
Advanced
laravellaravel
3.6k

tailwindcss-development

Apply Tailwind CSS v4 utilities for styling and responsive layouts.

Official
Intermediate
LuisSambranoLuisSambrano
7

ui-prototype

Generate visual mockups and wireframes from textual descriptions.

Community
Basic