skills.rest
hongbietcode
hongbietcodeCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Translate user requests into actionable UI/UX design guidance across web stacks.

3|Updated Dec 28, 2025
Search Tags:#typography#design#ui#search#ux#style-guides#stack-guidance
One-click install
npx skills add https://github.com/hongbietcode/synthetic-claude --skill ui-ux-pro-max-hongbietcode
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/hongbietcode/synthetic-claude/tree/main/plugins/basic-workflow/skills/ui-ux-pro-max
Command: npx skills add https://github.com/hongbietcode/synthetic-claude --skill ui-ux-pro-max-hongbietcode

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides an AI-driven UI/UX design assistant that translates user requests into actionable design guidance, streamlining decision making and reducing iteration time.

Core Features & Use Cases

  • Knowledge-rich search across UI styles, color palettes, typography, and UX guidelines to surface relevant recommendations.
  • Stack-aware guidance with tailored recommendations for HTML-Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.
  • Design-token generation for colors, typography, spacing, and component patterns to accelerate prototyping.
  • Use Case: A designer asks for a polished dashboard concept; the skill returns a style guide, color system, typography pairing, and component suggestions.

Quick Start

Use the UI/UX Pro Max skill to search for style guidelines and generate a starter UI kit for a dashboard.

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 dashboard?▼

To generate UI design guidance, request style guidelines and component patterns to receive stack-specific color systems, typography pairings, and responsive layouts for your dashboard or app.

Can I get UI design recommendations for React Native and Flutter?▼

Yes, you can get UI design recommendations for React Native and Flutter. The skill provides stack-aware guidance and design tokens tailored for cross-platform mobile and web frameworks.

What is the best way to pair typography and colors for a landing page?▼

The best way to pair typography and colors for a landing page is to search UI style guidelines and design tokens to surface matching color palettes, typography pairings, and component patterns.

Does this UI design assistant support Svelte and Vue stacks?▼

Yes, this UI design assistant supports Svelte and Vue stacks. It delivers stack-aware guidelines, design tokens, and responsive component suggestions across multiple web and mobile environments.

How do I create design tokens for web and mobile apps?▼

To create design tokens for web and mobile apps, translate user requests into actionable guidance to generate consistent color, typography, spacing, and component pattern tokens for prototyping.

Related Skills

Explore More Design & Creative Skills→
H2OSLabsH2OSLabs

ui-ux-pro-max

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

Official
Intermediate
DeliciousHouseDeliciousHouse
2

frontend-design

Design and implement React components, web layouts, dashboards, and landing pages.

Community
Advanced
danghungtb26danghungtb26
3

ui-ux-pro-max

Generate design systems for web and mobile projects across nine technology stacks.

Community
Advanced
ninehillsninehills
278

ui-ux-pro-max

Search a curated database for UI/UX design guidance across styles, palettes, and typography.

Community
Advanced