ui-ux-pro-max

Apply structured UX and visual design principles to web and mobile interfaces.

Updated Apr 13, 2025

Search Tags:#accessibility #frontend #responsive design #design system #visual design #ui design #ux

Ready to run

npx skills add https://github.com/rahul-s-bhatt/make-my-own-subliminal --skill ui-ux-pro-max-rahul-s-bhatt

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/rahul-s-bhatt/make-my-own-subliminal/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/rahul-s-bhatt/make-my-own-subliminal --skill ui-ux-pro-max-rahul-s-bhatt

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill solves the challenge of creating consistent, accessible, and polished user interfaces by providing structured design intelligence for visual and interaction decisions.

Core Features & Use Cases

UI Design Guidance: Provides recommendations for styles, layouts, typography, color systems, spacing, accessibility, and interaction patterns across web and mobile products.
UX Quality Improvement: Helps review and improve components, navigation, forms, charts, animations, and responsive behavior using established usability principles.
Use Case: Design a SaaS dashboard or mobile application by selecting an appropriate design system, refining interface components, and checking usability requirements.

Quick Start

Use the ui-ux-pro-max skill to create a professional responsive dashboard interface with an accessible design system.

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 apply structured UX principles to improve my user interface design?▼

To design an accessible responsive dashboard, you need a structured design system that defines typography, color, spacing, and responsive layout rules. This skill guides component creation and checks usability requirements to ensure your dashboard interface remains accessible across different devices.

How do I conduct an accessibility check for web and mobile application components?▼

A design system provides a structured set of typography, color, spacing, and interaction rules that ensure visual consistency across applications. This skill helps develop and refine design systems specifically for web and mobile products, improving overall interface usability.

Can I use this to review and improve UX quality for SaaS dashboard navigation and charts?▼

Yes, this skill supports interface design implementation across multiple frontend technology stacks by providing guidance on component creation, responsive layouts, and interaction patterns. It helps translate visual design decisions into structured frontend implementation steps.

What's the best way to structure a responsive layout for a mobile application interface?▼

The best way to structure a responsive layout for a mobile application is to apply structured visual design principles to your spacing, typography, and navigation. This skill provides guidance on responsive behavior and interaction patterns to optimize mobile interfaces.