skills.rest
anhnq-lab
anhnq-labCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems with style, color, and typography recommendations.

Updated Jan 26, 2026
Search Tags:#typography#design system#ui/ux#color palette#user experience#frontend development
One-click install
npx skills add https://github.com/anhnq-lab/cic-erp-contract --skill ui-ux-pro-max-anhnq-lab
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/anhnq-lab/cic-erp-contract/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/anhnq-lab/cic-erp-contract --skill ui-ux-pro-max-anhnq-lab

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines UI/UX design by providing comprehensive, data-driven recommendations for product types, styles, color palettes, typography, and user experience guidelines, ensuring professional and effective digital products.

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 best practices for implementation across various frontend stacks like HTML/Tailwind, React, and Vue.
  • UX Best Practices: Provides detailed guidance on user experience, accessibility, and common pitfalls to avoid.
  • Use Case: A startup needs to design a new SaaS dashboard. They can use this Skill to generate a complete design system, get specific UI/UX recommendations, and ensure the design is optimized for their chosen tech stack (e.g., React with Tailwind CSS).

Quick Start

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 complete design system for a new SaaS product?▼

To generate a complete design system for a SaaS product, this tool provides data-driven recommendations for UI styles, color palettes, typography pairings, and UX guidelines based on your specific project requirements.

What's the best way to get typography and color palette recommendations for a web app?▼

The best way to get typography and color palette recommendations is by analyzing your product type through this tool, which supplies intelligent pairings and data-driven style suggestions tailored to your application's needs.

Does this UI/UX design tool provide implementation guidelines for React and Vue?▼

Yes, this UI/UX design tool provides stack-specific implementation guidelines for frontend development frameworks including React, Vue, and HTML/Tailwind, ensuring your design system translates effectively into code.

Can I get landing page patterns and UX best practices for a wellness service website?▼

Yes, you can generate landing page patterns and detailed UX best practices for a wellness service website by specifying your product type, which outputs tailored user experience guidance and accessibility recommendations.

Do I need Python to run the design system generation script?▼

Yes, you need Python3 installed as a dependency, because the tool utilizes a Python-based search script for data retrieval and reasoning to provide comprehensive UI/UX design intelligence.

Related Skills

Explore More Design & Creative Skills→
marktantongcomarktantongco
2

skill-finder-cn

Search, inspect, and install ClawHub skills via the clawhub CLI.

Community
Basic
vonomarapvonomarap

ui-ux-pro-max

Generate UI/UX design systems with palettes, typography, and stack-specific guidelines.

Community
Advanced
magic3007magic3007
10

frontend-design

Translate frontend requirements into production-ready UI with code samples.

Community
Advanced
shuff57shuff57

ui-ux-pro-max

Generate searchable UI/UX design systems with styles, colors, typography, and guidelines.

Community
Advanced