skills.rest
trystan2k
trystan2kCOMMUNITY
Explore all skills by this author →
𝕏@trystan2kGitHub

ui-ux-pro-max

Generate tailored UI/UX design systems with color palettes, typography, and component specs.

1|Updated Feb 19, 2025
Search Tags:#react#tailwind#ui-design#ux-design#design-system#web-design#mobile-design
One-click install
npx skills add https://github.com/trystan2k/favoritable-old --skill ui-ux-pro-max-trystan2k
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/trystan2k/favoritable-old/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/trystan2k/favoritable-old --skill ui-ux-pro-max-trystan2k

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill eliminates the guesswork and inconsistency in UI/UX design by providing a searchable, curated database of proven design patterns, styles, and guidelines, helping designers and developers create professional, user-friendly interfaces without extensive design expertise.

Core Features & Use Cases

  • Comprehensive Design Database: Access 67 UI styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 technology stacks.
  • Tailored Design System Generation: Get priority-based, context-aware design system recommendations matched to your product type, industry, and style preferences, complete with reasoning for each choice.
  • Stack-Specific Implementation Guidance: Receive best practices and code examples for popular frameworks including React, Next.js, Vue, Svelte, and Tailwind CSS.
  • Use Case: A user requesting a landing page for a professional spa service can get a complete design system with elegant color palettes, serif typography, and landing page structure guidelines tailored to the beauty industry.

Quick Start

Request a complete UI/UX design system for your project by telling the AI your product type, target industry, and desired style keywords.

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 React and Tailwind CSS project?▼

To generate a UI/UX design system for React and Tailwind CSS, provide your product type, target industry, and style preferences to receive tailored color palettes, typography pairings, component specifications, and stack-specific implementation guidance.

What are proven UX guidelines and UI design patterns for building SaaS dashboards?▼

Proven UX guidelines and UI design patterns for SaaS dashboards include searchable databases of 99 UX rules, 25 chart types, and component specifications to ensure professional, consistent user interfaces without guesswork.

Does this UI design database support Vue and Svelte frameworks for mobile apps?▼

Yes, the UI design database supports Vue, Svelte, and Next.js across 13 technology stacks, providing stack-specific implementation guidance and best practices for both web and mobile app development.

Can I get tailored font pairings and color palettes for an e-commerce landing page?▼

Yes, you can get tailored color palettes and font pairings for e-commerce landing pages by requesting a context-aware design system matched to your product type, industry, and desired style keywords.

What is the best way to eliminate design inconsistency when building web applications?▼

The best way to eliminate design inconsistency in web applications is using a curated database of proven design patterns and guidelines, providing priority-based, context-aware recommendations with reasoning for each choice.

Why do I need a design system for my mobile app development workflow?▼

You need a design system for mobile app development to ensure professional, user-friendly interfaces, leveraging 67 UI styles and 96 color palettes to eliminate guesswork and maintain visual consistency across the product.

Related Skills

Explore More Design & Creative Skills→
hzm0321hzm0321
1.6k

ui-ux-pro-max

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

Community
Advanced
vurakitvurakit
56

ui-ux-pro-max

Generates design systems and stack-specific UI/UX recommendations for web/mobile apps.

Official
Advanced
sahaja9707sahaja9707

tailwind-design-system

Develop design systems with Tailwind CSS v4 using CSS-first configuration and design tokens.

Community
Intermediate
SAPSAP
232

layout-patterns

Generates customizable UI layouts for common web application patterns such as login forms, dashboards, master-detail views, and wizards.

Official
Intermediate