ui-ux-pro-max

Generate design systems and UI/UX guidance for web and mobile projects.

Updated Apr 3, 2026
One-click install
npx skills add https://github.com/tusosos/manus-knowledge-base --skill ui-ux-pro-max-tusosos
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/tusosos/manus-knowledge-base/tree/main/OKComputer-3D/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/tusosos/manus-knowledge-base --skill ui-ux-pro-max-tusosos

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX teams often struggle with inconsistent patterns and scalable guidance. This Skill provides centralized design-system guidance and reasoning to help teams craft consistent, accessible interfaces across web and mobile platforms.

Core Features & Use Cases

  • Generate a cohesive design system and style guidance across multiple domains: style, color, typography, landing, and product.
  • Retrieve actionable patterns, color palettes, typography moods, and component guidelines tailored to a project or page type.
  • Use for tasks like designing a landing page, prototyping a dashboard, auditing accessibility, or refining interaction states.

Quick Start

Design a complete UI/UX design system for a SaaS dashboard named Nova.

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 generate a cohesive UI design system for a web or mobile project?

Generate a cohesive UI design system by applying centralized guidance across color palettes, typography moods, and component guidelines tailored to your project. Retrieve actionable patterns and style guidance to ensure consistent, accessible interfaces across web and mobile platforms.

What is the best way to audit accessibility and refine interaction states in a component library?

The best way to audit accessibility and refine interaction states is to apply design-system reasoning that evaluates color contrast, typography, and component patterns. This process identifies usability gaps and outputs actionable guidelines to standardize component behavior across your library.

How do I create a landing page design with the right typography and color palette?

Create a landing page design by retrieving actionable patterns, color palettes, and typography moods tailored to the page type. The system applies style guidance to match your domain, ensuring the landing page meets aesthetic quality and usability requirements.

Can I use this design guidance to prototype a SaaS dashboard?

Yes, you can use this design guidance to prototype a SaaS dashboard. The system outputs complete design system guidance, providing component guidelines, interaction states, and multi-domain style rules necessary to build consistent product interfaces.

Does this UI/UX guidance work for both web and mobile platforms?

This UI/UX guidance works for both web and mobile platforms. It provides centralized, multi-domain design-system guidance to help teams craft consistent, accessible interfaces and scalable patterns across different project environments.

Why do my UI components lack consistent patterns and scalable style guidance?

Your UI components lack consistent patterns because they are not backed by a centralized design system. Applying design-system reasoning generates cohesive style, color, and typography rules, resolving inconsistencies and raising usability and aesthetic quality.