skills.rest
hviwen
hviwenCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems with styles, color palettes, typography, and UX guidelines.

Updated Feb 2, 2026
Search Tags:#typography#accessibility#react#design system#ui/ux#color palette#tailwind css
One-click install
npx skills add https://github.com/hviwen/mosaic-photo --skill ui-ux-pro-max-hviwen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/hviwen/mosaic-photo/tree/main/.github/skills/ui-ux-pro-max
Command: npx skills add https://github.com/hviwen/mosaic-photo --skill ui-ux-pro-max-hviwen

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines UI/UX design by providing comprehensive, context-aware recommendations for styles, color palettes, typography, and UX best practices, ensuring visually appealing and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Creates a complete design system based on project requirements, including patterns, styles, colors, and typography.
  • Stack-Specific Guidelines: Offers implementation advice tailored to various technology stacks (React, Vue, Tailwind CSS, etc.).
  • UX Best Practices: Enforces critical UX principles like accessibility, performance, and interaction design.
  • Use Case: When building a new SaaS dashboard, use this Skill to generate a professional design system, select an appropriate color palette, choose font pairings, and ensure adherence to accessibility standards.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a 'beauty spa wellness service' 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 React and Tailwind CSS project?▼

You can generate a complete design system by providing your project requirements to get tailored styles, color palettes, typography, and code-ready UX guidelines across React and Tailwind CSS technology stacks.

What is the best way to choose a color palette and typography for a SaaS dashboard?▼

The best way to choose a color palette and typography for a SaaS dashboard is to use AI-powered UI/UX design intelligence, which provides professional pairings and enforces critical accessibility standards automatically.

Does this UI/UX design intelligence enforce accessibility standards for web applications?▼

Yes, this UI/UX design intelligence enforces critical UX best practices, including accessibility standards and interaction design, ensuring your web and mobile applications remain user-friendly and visually appealing.

Can I get stack-specific UI implementation advice for frameworks like Vue?▼

You can get stack-specific implementation advice tailored to various technology stacks including React and Vue, providing actionable insights and code-ready suggestions to facilitate your design building and optimization tasks.

When do I need a generated design system for my mobile application?▼

You need a generated design system for your mobile application when starting a new project from scratch, allowing you to establish professional patterns, styles, and typography before building the interface.

Why should I use an AI design system generator instead of manually selecting styles?▼

Using an AI design system generator streamlines UI/UX design by providing comprehensive, context-aware recommendations for styles and typography, ensuring visually appealing interfaces while saving manual planning time.

Related Skills

Explore More Design & Creative Skills→
moshi-azzmoshi-azz
2

ui-ux-pro-max

Generate UI/UX design systems with guidelines, palettes, and typography for specified tech stacks.

Community
Advanced
ChiejiChieji

ui-ux-pro-max

Generate design-system-ready plans from styles, palettes, typography, and UX guidelines.

Community
Advanced
phoenicisfphoenicisf

figma-implement-design

Translate Figma designs into production-ready UI code.

Community
Advanced
Nhqvu2005Nhqvu2005
54

ui-ux-pro-max

Generate design systems and search UI/UX data via BM25.

Community
Intermediate