skills.rest
CDavidDv
CDavidDvCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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
One-click install
npx skills add https://github.com/CDavidDv/realplateros --skill ui-ux-pro-max-cdaviddv
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
takemo101takemo101

basic-design-writer

Generate foundational system design documents in Japanese with Mermaid diagrams.

Community
Intermediate
tan-yong-shengtan-yong-sheng
4

ui-ux-pro-max

Generate design systems with styles, palettes, and font pairings for web and mobile apps.

Community
Advanced
OpenCovenOpenCoven
20

dataviz-dashboard-ux

Guide chart type selection and dashboard design for accessible React visualizations.

Official
Advanced
murphyjosephmurphyjoseph

web-design-guidelines

Audit UI code against official web interface guidelines and accessibility standards.

Community
Intermediate