ui-ux-pro-max

Name: ui-ux-pro-max
Availability: InStock
Author: cdaviddv

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

1|Updated Oct 16, 2024

Search Tags:#typography #accessibility #design system #ui/ux #color palette #frontend development #component design

Ready to run

npx skills add https://github.com/CDavidDv/realplateros --skill ui-ux-pro-max-cdaviddv

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/CDavidDv/realplateros/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/CDavidDv/realplateros --skill ui-ux-pro-max-cdaviddv

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 guidance on styles, color palettes, typography, and user experience best practices to create visually appealing and user-friendly interfaces.

Core Features & Use Cases

Design System Generation: Creates detailed design systems tailored to specific product types, industries, and styles.
Component Design: Offers recommendations for designing various UI elements like buttons, modals, and forms.
UX Guideline Enforcement: Provides critical rules for accessibility, interaction, and performance.
Use Case: When designing a new SaaS dashboard, use this Skill to generate a modern, accessible design system, select an appropriate color palette, and ensure optimal user flow.

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

Yes, UI/UX design guidance includes enforcing critical accessibility rules. It provides specific best practices for interaction and performance to ensure interfaces meet accessibility standards while maintaining optimal user flow across web and mobile applications.

Can I get recommendations for designing specific UI components like forms and modals?▼

Yes, component design recommendations cover various UI elements like buttons, modals, and forms. The Skill delivers actionable design intelligence for these components, ensuring they align with the overarching design system and UX best practices.

How do I select an appropriate color palette and typography for an e-commerce website?▼

Selecting an appropriate color palette and typography involves analyzing the project's style and industry context. This Skill provides comprehensive UI/UX design intelligence to recommend suitable color schemes and font pairings for e-commerce applications.

Does this UI/UX design guidance work for both web and mobile applications?▼

Yes, the UI/UX design intelligence explicitly supports both web and mobile applications. It offers scalable guidance on styles, charts, and user experience best practices tailored to the specific technology stack and design domain required.

Can I use this to review and refactor existing UI/UX code?▼

Yes, you can review and refactor existing UI/UX code. Supported actions include fix, improve, optimize, enhance, and refactor, allowing you to apply UX guidelines and design system rules to update and correct current interface implementations.