ui-ux-pro-max

Provide design guidelines for accessible, performant, and consistent web and mobile interfaces.

Updated Apr 16, 2026
One-click install
npx skills add https://github.com/aliepratama/ecofin --skill ui-ux-pro-max-aliepratama
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/aliepratama/ecofin/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/aliepratama/ecofin --skill ui-ux-pro-max-aliepratama

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enhances the quality and consistency of web and mobile interfaces by providing comprehensive design guidance, style options, and best practices.

Core Features & Use Cases

  • Design Decision Support: Guides users in choosing styles, layouts, colors, and typography for various product types.
  • UI Review & Optimization: Assists in reviewing existing user interfaces for accessibility, performance, and visual harmony.
  • Use Case: When designing a new mobile app, leverage this Skill to select an appropriate style, ensure accessibility compliance, and optimize user interaction flows.

Quick Start

Ask the AI to review your UI design for accessibility issues or to help plan a cohesive style for your next web project.

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 review my UI design for accessibility issues?

To review UI accessibility, evaluate existing interfaces against platform-specific standards and usability principles. This ensures adherence to compliance requirements, identifying visual harmony and interaction flow issues for optimization.

What is the best way to plan a cohesive visual style for a web project?

Planning a cohesive visual style involves selecting appropriate layouts, colors, and typography based on product type. This approach provides detailed guidelines to ensure performant and visually consistent web interfaces.

Can I use these guidelines for both web and mobile app platforms?

Yes, these guidelines support both web and mobile app platforms. They provide detailed recommendations tailored to platform-specific standards, ensuring accessible and performant user interfaces across various styles.

How do I optimize user interaction flows for a new mobile app?

Optimizing interaction flows requires applying best practices for layout and interaction design. This ensures mobile interfaces maintain visual consistency and adhere to usability principles for enhanced user experience.

Does this approach support responsive design implementation?

Yes, responsive design is a core focus. The guidelines ensure interfaces adapt performantly across various platforms by applying visual design best practices and interaction recommendations.

What are the limitations of relying on guidelines for UI review?

Guidelines provide recommendations but require manual implementation. They assist in reviewing existing interfaces for accessibility and visual harmony, but do not automatically fix code-level rendering issues or validate complex backend interactions.