skills.rest
sidjamyl
sidjamylCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

Updated Feb 26, 2026
Search Tags:#accessibility#design system#ui/ux#component library#web design#frontend development
One-click install
npx skills add https://github.com/sidjamyl/GAMES-JTI- --skill ui-ux-pro-max-sidjamyl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/sidjamyl/GAMES-JTI-/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/sidjamyl/GAMES-JTI- --skill ui-ux-pro-max-sidjamyl

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering guidance on styles, palettes, typography, and UX best practices to create professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Create detailed design systems tailored to specific product types, industries, and keywords.
  • Component & Style Recommendations: Get suggestions for UI elements, styles (e.g., glassmorphism, minimalism), color palettes, and font pairings.
  • UX Best Practices: Access guidelines for accessibility, interaction, performance, and layout.
  • Use Case: When building a new SaaS dashboard, use this Skill to generate a complete design system, ensuring consistent branding, optimal user flow, and adherence to accessibility standards.

Quick Start

Generate a design system for a "healthcare SaaS dashboard" with a "professional" style.

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, you provide product details, industry context, and style keywords. The system then outputs tailored UI guidelines, color palettes, typography, and component recommendations for your web application.

Can I get UI component recommendations for React and Tailwind CSS?▼

Yes, you can get UI component recommendations specifically for React and Tailwind CSS. The tool provides intelligent suggestions for UI elements, styles, and best practices across multiple frontend technology stacks including Next.js and Vue.

What are the best UX practices for building an accessible SaaS dashboard?▼

Accessible UX best practices for a SaaS dashboard include adhering to interaction guidelines, performance optimization, and layout standards. This intelligence ensures your interface maintains optimal user flow and meets accessibility requirements.

How do I choose a color palette and font pairing for a new interface?▼

Choosing a color palette and font pairing involves specifying a desired visual style, such as glassmorphism or minimalism. The system then generates matching color schemes and typography combinations tailored to your project.

Does this UI/UX design guidance support mobile applications?▼

Yes, this UI/UX design guidance supports mobile applications. It provides comprehensive design intelligence covering styles, palettes, typography, and UX guidelines specifically tailored for both web and mobile application interfaces.

Related Skills

Explore More Design & Creative Skills→
jwmyersjwmyers

visual-style-guide

Define color palettes, SVG styling, and token designs for Zero-Day Attack interfaces.

Community
Intermediate
luiztrilhaluiztrilha

ui-ux-pro-max

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

Community
Advanced
jikimejikime
5

jikime-domain-uiux

Configure enterprise design systems with W3C DTCG tokens and WCAG 2.2 accessibility.

Community
Advanced
yash-7575yash-7575

ui-ux-pro-max

Generate UI/UX design recommendations for web and mobile applications.

Community
Advanced