skills.rest
HCMUTE-RTIC
HCMUTE-RTICOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems with style, color, typography, and stack-specific guidelines.

Updated Feb 21, 2026
Search Tags:#typography#design system#ui/ux#style guide#color palette#web design#frontend development
One-click install
npx skills add https://github.com/HCMUTE-RTIC/fit-hcmute --skill ui-ux-pro-max-hcmute-rtic
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/HCMUTE-RTIC/fit-hcmute/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/HCMUTE-RTIC/fit-hcmute --skill ui-ux-pro-max-hcmute-rtic

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design guidance, helping users create professional, user-friendly interfaces across various platforms and technologies.

Core Features & Use Cases

  • Design System Generation: Creates detailed design systems including patterns, styles, colors, and typography.
  • Stack-Specific Guidelines: Offers best practices for implementation in different tech stacks like React, Next.js, and HTML/Tailwind.
  • Use Case: When starting a new web application, use this Skill to generate a complete design system tailored to your project's needs, ensuring consistency and adherence to modern design principles.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a 'fintech dashboard' project.

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 design system for a web application?▼

To generate a design system for a web application, you can use design intelligence tools to automatically produce comprehensive style recommendations, color palettes, font pairings, and typography guidelines tailored to your project.

Does this UI/UX design tool provide stack-specific guidelines for frontend development?▼

Yes, this UI/UX design tool provides stack-specific implementation guidelines and best practices for frontend development frameworks including React, Next.js, and HTML/Tailwind.

What is the best way to choose a color palette and typography for a design system?▼

The best way to choose a color palette and typography for a design system is to use an intelligent recommendation engine that suggests cohesive font pairings and style guidelines based on modern UX principles.

Can I get UX guidelines and chart type recommendations for a fintech dashboard?▼

Yes, you can get UX guidelines and chart type recommendations for a fintech dashboard by requesting a tailored design system that includes specific patterns, colors, and data visualization advice.

Why use a generated style guide instead of building a UI design from scratch?▼

Using a generated style guide ensures interface consistency, accelerates frontend development, and adheres to modern design principles without needing to manually research color palettes and font pairings.

Related Skills

Explore More Design & Creative Skills→
ralphjohn29ralphjohn29
1

ui-ux-pro-max

Provide UI/UX design recommendations for React, Next.js, Vue, and SwiftUI.

Community
Advanced
AaronZhou-THUAaronZhou-THU

design

Create HTML/CSS/JS mocks, style guides, and design documentation for web interfaces.

Community
Advanced
usermaumusermaum

ui-ux-pro-max

Generate design systems and review UI/UX code for web and mobile applications.

Community
Advanced
cin12211cin12211
218

ui-ux-pro-max

Query a searchable repository of styles, palettes, fonts, and stack guidelines.

Community
Intermediate