skills.rest
efekrbas
efekrbasCOMMUNITY
Explore all skills by this author →
Website𝕏@efekrbsGitHub

ui-ux-pro-max

Generate UI and UX guidance for web and mobile interface design.

41|5|Updated Sep 30, 2025
Search Tags:#color palettes#typography#accessibility#design system#ui design#landing pages#ux review
One-click install
npx skills add https://github.com/efekrbas/discord-hypesquad-manager --skill ui-ux-pro-max-efekrbas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/efekrbas/discord-hypesquad-manager/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/efekrbas/discord-hypesquad-manager --skill ui-ux-pro-max-efekrbas

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps you make better interface decisions faster by turning broad UI and UX questions into practical recommendations for layout, style, accessibility, and implementation.

Core Features & Use Cases

  • Design system guidance: Suggests patterns, colors, typography, and effects that fit the product type.
  • UX best-practice lookup: Surfaces accessibility and interaction rules to avoid common interface mistakes.
  • Stack-aware advice: Provides implementation guidance for common frontend stacks and design workflows.
  • Use case: Use it when building a landing page, refining a dashboard, choosing fonts and palettes, or reviewing an interface for usability issues.

Quick Start

Use the ui-ux-pro-max skill to generate a design system and UX guidance for your product idea.

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 create a design system for a new web or mobile interface?▼

A UX review identifies usability issues by checking interfaces against accessibility rules and interaction best practices. This Skill surfaces common interface mistakes, helping you refine layouts and improve overall usability before deployment.

What's the best way to choose color palettes and typography for UI design?▼

Yes, accessibility checks are included in the UX review process. This Skill surfaces interaction rules and accessibility guidelines, helping you avoid common interface mistakes and ensure your web and mobile interfaces are compliant.

Can I get stack-specific implementation guidance for my landing page design?▼

You should use this Skill when building a landing page, refining a dashboard, choosing fonts and palettes, or reviewing an interface for usability issues, as it applies to component design and UX review across common product types.

Why does my UI design lack visual polish and consistency?▼

Yes, this Skill handles both web and mobile interfaces. It generates practical UI and UX guidance for component design, layout planning, and accessibility checks applicable across common product types on both platforms.

Related Skills

Explore More Design & Creative Skills→
SunS1eep1ngSunS1eep1ng

ui-ux-pro-max

Generate UI/UX design systems with role-specific guidance and stack-aware frontend implementation.

Community
Advanced
speqqaispeqqai

frontend-design

Generate production-grade frontend components with accessible typography and responsive layouts.

Official
Intermediate
grasberggrasberg
3

ux-designer

Design UX flows, wireframes, and WCAG-compliant component specs for web and mobile.

Community
Advanced
petekppetekp
5

typography

Establish scalable type systems with base sizes, heading scales, and line heights.

Community
Advanced