skills.rest
rahul-s-bhatt
rahul-s-bhattCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/rahul-s-bhatt/make-my-own-subliminal --skill ui-ux-pro-max-rahul-s-bhatt
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
Adelie-SquadAdelie-Squad
17

UX Designer Agent

Design user flows and wireframes from feature specifications and user context.

Official
Advanced
ev3rlitev3rlit

frontend-design

Architect frontend interfaces with typography, color, motion, and token-based theming.

Community
Advanced
leafcoderleafcoder
2

UI/UX Intelligence Expert

Generate UI/UX design systems with color palettes, typography, and interaction patterns.

Community
Advanced
Mohamed-ElkahefMohamed-Elkahef

frontend-enhancer

Enhance Next.js frontends with pre-built UI components and design system resources.

Community
Intermediate