skills.rest
sayeedjoy
sayeedjoyCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

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

12|5|Updated Feb 8, 2026
Search Tags:#typography#accessibility#design system#ui/ux#color palette#frontend development#component design
One-click install
npx skills add https://github.com/sayeedjoy/seucampusmate-web --skill ui-ux-pro-max-sayeedjoy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/sayeedjoy/seucampusmate-web/tree/main/.cursor/skills/ui-ux-pro-max
Command: npx skills add https://github.com/sayeedjoy/seucampusmate-web --skill ui-ux-pro-max-sayeedjoy

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering a vast library of styles, palettes, font pairings, and UX guidelines to create professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Creates detailed design systems tailored to specific product types, industries, and keywords.
  • Component Design: Offers guidance on designing individual UI elements like buttons, modals, and forms.
  • UX Best Practices: Enforces critical rules for accessibility, interaction, and performance.
  • 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

Use the ui-ux-pro-max skill to generate a design system for a new e-commerce website.

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 create a design system for a SaaS dashboard?▼

To create a design system for a SaaS dashboard, you need structured guidelines for color palettes, typography, and component design. This Skill generates detailed design systems tailored to specific product types, ensuring consistent branding and optimal user flow.

Does this UI/UX guidance support React and Flutter?▼

Yes, the UI/UX guidance supports multiple technology stacks including React, Next.js, Vue, and Flutter. It provides stack-specific recommendations for styles, color palettes, and typography to ensure seamless frontend development implementation.

What's the best way to ensure accessibility in frontend development?▼

The best way to ensure accessibility in frontend development is by enforcing critical UX best practices for interaction and performance. This Skill provides comprehensive design intelligence that enforces accessibility standards across various project types like websites and mobile apps.

How do I choose a color palette and font pairings for a mobile app?▼

Choosing a color palette and font pairings for a mobile app requires intelligent design guidance based on industry context. This Skill offers a vast library of styles, palettes, and font pairings tailored to specific product keywords and industries.

Can I get component design guidance for buttons and modals?▼

Yes, you can get component design guidance for buttons, modals, and forms. This Skill offers specific recommendations on designing individual UI elements, ensuring they align with the broader design system and UX best practices.

Related Skills

Explore More Design & Creative Skills→
Yemomo511Yemomo511
2

hyar-framework-check

Recommends optimal cross-platform frameworks based on team stack and constraints.

Community
Intermediate
lemulemu

responsive-design

Automate responsive UI layouts with container queries, fluid typography, and CSS Grid/Flex.

Community
Advanced
curiositechcuriositech
181

frontend-architect

Recommend frontend stacks and Cloudflare deployment patterns for web applications.

Official
Advanced
tuliopc23tuliopc23

ui-ux-pro-max

Search UI/UX design databases for styles, palettes, typography, and guidelines.

Community
Advanced