ui-ux-pro-max

Plan and implement UI/UX workflows for landing pages, dashboards, SaaS, and mobile apps.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI/UX design is often inconsistent and slow without a cohesive, repeatable AI-assisted process. This Skill provides a framework to plan, build, design, implement, review, and improve UI/UX across projects.

Core Features & Use Cases

  • Plan and execute UI/UX workflows for landing pages, dashboards, SaaS, and mobile apps.
  • Maintain style consistency with image-first, editorial design, minimalism, dark mode, and responsive guidelines.
  • Iterate designs through structured review and improvement cycles with easy-to-adapt templates and tokens.

Quick Start

Provide a complete UI/UX plan for a new SaaS landing page, including layout, components, and accessibility considerations.

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 plan a complete UI/UX workflow for a SaaS landing page?

A UI/UX design workflow is a repeatable process to plan, build, and iterate interfaces. This framework supplies structured templates, design tokens, and review cycles to maintain styling consistency across landing pages, dashboards, and SaaS products.

How do I maintain UI design consistency across different responsive projects?

Maintain UI consistency by using standardized design tokens and repeatable workflows. The framework applies image-first aesthetics, dark mode rules, and responsive guidelines to ensure cohesive interfaces across landing pages, dashboards, and mobile apps.

Can I use this UI/UX framework for mobile apps and dashboards?

Yes, the framework supports mobile apps and dashboards. It applies repeatable workflows, design tokens, and accessibility guidelines to plan and iterate cohesive interfaces across SaaS products, landing pages, and mobile applications.

What's the best way to include accessibility considerations in UI design?

Include accessibility in UI design by applying structured guidelines throughout the workflow. The framework integrates accessibility considerations directly into planning, styling, and review cycles to satisfy image-first aesthetics and responsive requirements.

How do I iterate dashboard designs through a structured review cycle?

Iterate dashboard designs through structured review cycles using easy-to-adapt templates and design tokens. The framework evaluates styling consistency, responsiveness, and accessibility guidelines to systematically refine and improve the interface.

Does this UI/UX design approach support dark mode and editorial design?

Yes, the approach supports dark mode and editorial design. It provides specific styling guidelines and design tokens to maintain visual consistency and responsiveness for image-first aesthetics across landing pages, dashboards, and mobile apps.