skills.rest
andy4917
andy4917COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems and UI/UX guidelines for web and mobile platforms.

Updated May 12, 2026
Search Tags:#accessibility#components#UI#UX#style guide#design standards
One-click install
npx skills add https://github.com/andy4917/Agentic-workspace-software --skill ui-ux-pro-max-andy4917
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/andy4917/Agentic-workspace-software/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/andy4917/Agentic-workspace-software --skill ui-ux-pro-max-andy4917

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

It streamlines UI/UX design decision-making by providing comprehensive guidelines, style recommendations, and troubleshooting insights rapidly.

Core Features & Use Cases

  • Design Guidance: Offers searchable standards for styles, colors, typography, and components to assist in creating visually consistent interfaces.
  • Workflow Assistance: Guides UI/UX improvement, accessibility validation, and component fixing by scenario-based instructions.
  • Use Case: Quickly generate a design system for a mobile app with accessibility and dark mode support based on project needs.

Quick Start

Use the ui-ux-pro-max skill to generate a complete design system for a fintech dashboard 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 create a UI design system that supports dark mode and accessibility?▼

To create an accessible UI design system with dark mode, apply structured guidelines for styles, colors, and typography. This ensures visual harmony and accessibility validation across web and mobile components.

What are the best practices for fixing inconsistent UI components across platforms?▼

Fixing inconsistent UI components requires applying searchable style standards and troubleshooting insights. Using structured guidelines helps review and optimize interfaces to maintain visual consistency across platforms.

How do I validate accessibility when designing a mobile app interface?▼

To validate accessibility in a mobile app interface, follow scenario-based workflow instructions for accessibility checks. This process ensures your UI design meets required accessibility standards for users.

Can I use this UI/UX guidance to generate a complete design system for a fintech dashboard?▼

Yes, you can generate a complete design system for a fintech dashboard using this guidance. It provides structured recommendations for styles, colors, and typography tailored to project needs.

Does this UI/UX approach require any external design dependencies?▼

No external design dependencies are required to implement these UI/UX standards. The guidelines operate independently using internal scripts and references to facilitate rapid creation and optimization.

Why does my UI design lack visual harmony and how can I standardize it?▼

Your UI design lacks visual harmony due to misaligned styles and typography. To standardize it, apply searchable design standards and structured guidelines to ensure consistent visual presentation.

Related Skills

Explore More Design & Creative Skills→
rafael-hcrafael-hc

frontend-blueprint

Guide UI discovery and generate atomic HTML/CSS components.

Community
Advanced
veerababumanyamveerababumanyam

frontend-design

Generate production-grade frontend interfaces with design-system tokens and reusable components.

Community
Basic
george-popescugeorge-popescu

frontend-standards

Define frontend development standards for component architecture, accessibility, and responsive design.

Community
Intermediate
LschulzesLschulzes

web-design-guidelines

Evaluate UI code against Web Interface Guidelines to detect deviations.

Community
Intermediate