skills.rest
abd0-omar
abd0-omarCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems with styles, palettes, typography, and component recommendations.

Updated Feb 11, 2026
Search Tags:#typography#best practices#color palette#ui-ux#design-system
One-click install
npx skills add https://github.com/abd0-omar/Flutter-POS --skill ui-ux-pro-max-abd0-omar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/abd0-omar/Flutter-POS/tree/main/.cursor/skills/ui-ux-pro-max
Command: npx skills add https://github.com/abd0-omar/Flutter-POS --skill ui-ux-pro-max-abd0-omar

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenges of UI/UX design, providing a comprehensive library of styles, palettes, and implementation guidelines across multiple technologies.

Core Features & Use Cases

  • Design System Generation: Create a custom design system based on user-defined parameters such as product type, industry, and style keywords.
  • Component Recommendations: Access a vast collection of UI components like buttons, modals, navbars, and more, with styling and accessibility guidelines.
  • Implementation Best Practices: Offers implementation-specific best practices for different technology stacks such as React, Flutter, and Swift UI.
  • Use Case: A user can build a web application for an e-commerce platform. The Skill will help generate a design system, suggest color palettes, and provide UI/UX guidelines tailored to the platform.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a "beauty spa wellness service" project named "Serenity Spa".

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 mobile application?▼

To generate a design system, you provide project parameters like product type and style keywords, and the system outputs custom UI/UX guidelines including color palettes and typography tailored for mobile applications.

Can I get UI component recommendations for a React web project?▼

Yes, you can get UI component recommendations for a React web project. The system provides styling and accessibility guidelines for components like buttons and modals based on your specified technology stack.

What are the best practices for implementing typography in Flutter?▼

Best practices for implementing typography in Flutter involve using the generated design system guidelines, which offer technology-specific implementation rules to ensure visual consistency and accessibility across your mobile application.

Does this design system generator support Swift UI?▼

Yes, the design system generator supports Swift UI. It provides implementation-specific best practices and component styling recommendations tailored to the Swift UI technology stack for mobile interfaces.

How do I choose a color palette for an e-commerce platform?▼

Choosing a color palette for an e-commerce platform is handled by defining your industry and style keywords. The system then generates a tailored color palette and UI/UX guidelines suited to your specific e-commerce use case.

Related Skills

Explore More Design & Creative Skills→
ayushrathore1ayushrathore1

UI/UX Pro Max

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

Community
Advanced
luicabref97luicabref97

ui-ux-pro-max

Generate UI/UX design systems with color palettes and typography for web and mobile interfaces.

Community
Advanced
VidyaBodepudiVidyaBodepudi
2

frontend-ui-engineering

Review web components for accessibility, responsiveness, and performance.

Community
Advanced
tan-yong-shengtan-yong-sheng
4

ui-ux-designer

Create interface designs, wireframes, and design systems with accessibility standards.

Community
Advanced