skills.rest
Tendo33
Tendo33COMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems with styles, palettes, typography, and stack-specific guidance.

Updated Aug 22, 2025
Search Tags:#react#design system#ui/ux#tailwind css#web design#guidelines#mobile app design
One-click install
npx skills add https://github.com/Tendo33/python-template --skill ui-ux-pro-max-tendo33
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Tendo33/python-template/tree/main/.cursor/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Tendo33/python-template --skill ui-ux-pro-max-tendo33

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires csv, json, os, datetime, pathlib, re, collections, math, argparse, sys, io, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design recommendations, helping users create professional, visually appealing, and user-friendly interfaces for web and mobile applications.

Core Features & Use Cases

  • Design System Generation: Creates a complete design system including styles, color palettes, typography, and UX guidelines based on project requirements.
  • Stack-Specific Guidance: Offers implementation best practices for various technology stacks like HTML/Tailwind, React, Vue, and more.
  • Use Case: A developer needs to design a landing page for a new SaaS product. They can use this Skill to get a full design system, including recommended colors, fonts, layout patterns, and specific Tailwind CSS classes to implement the design effectively.

Quick Start

Generate a design system for a 'beauty spa wellness service' landing page.

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 UI/UX design system for a web or mobile app?▼

To generate a UI/UX design system, provide your project requirements and product type. The Skill outputs comprehensive recommendations for styles, color palettes, typography, and UX guidelines tailored to your specific application.

Can I get specific Tailwind CSS classes and React implementation guidance for a landing page?▼

Yes, you can get stack-specific implementation guidance for React and Tailwind CSS. It provides specific Tailwind classes and best practices for building landing page patterns in your chosen technology stack.

What is the best way to choose color palettes and typography for a SaaS product?▼

The best way to choose color palettes and typography is to use AI-driven design recommendations. It analyzes your SaaS product requirements and outputs curated styles, fonts, and colors based on established design guidelines.

Does this UI design tool offer recommendations for mobile app interfaces?▼

Yes, this UI design tool offers recommendations for mobile app interfaces. It provides comprehensive design systems and UX best practices covering both web and mobile application layouts and patterns.

How does the design guidance engine find relevant style rules for my project?▼

The design guidance engine finds relevant style rules using a BM25 search engine. It queries curated CSV data containing style guides and reasoning rules to deliver accurate UI/UX design recommendations.

Related Skills

Explore More Design & Creative Skills→
sayeedjoysayeedjoy
12

ui-ux-pro-max

Generate design systems with stack-specific UI/UX recommendations.

Community
Advanced
luiztrilhaluiztrilha

ui-ux-pro-max

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

Community
Advanced
ripgraphicsripgraphics

ui-ux-pro-max

Generate UI/UX design systems with stack-specific implementation guidelines.

Community
Advanced
evandrodevbrevandrodevbr
1

ui-ux-pro-max

Generate UI/UX design recommendations and searchable interface guidance for product design workflows.

Community
Advanced