ui-ux-pro-max

Aggregate UI/UX design guidelines into a multi-stack design system with MASTER.md overrides.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Design teams struggle to assemble cohesive UI systems across products, platforms, and stacks. This Skill provides a centralized design-system guide with reusable patterns, accessibility guidance, and implementation-ready recommendations to speed up design and development.

Core Features & Use Cases

  • Unified Design System Generator: Aggregates multi-domain searches (product/style/color/typography/landing) and surfaces pattern, color, typography, and component recommendations.
  • Multi-Stack Compatibility: Supports 9 technology stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui) for ready-to-implement guidance.
  • Master/Overrides Persistence: Persists outputs into a design-system folder with MASTER.md and per-page overrides for page-level customization.
  • Accessibility & UX Guidance: Embeds best practices for accessibility, interaction, performance, and visual consistency.

Quick Start

Provide a project brief and run the design-system workflow to generate a complete UI/UX design system.

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 design system for multiple tech stacks like React and Flutter?

A multi-stack design system aggregates UI/UX guidelines across frameworks like React and Flutter, outputting implementation-ready patterns, colors, and typography into a centralized MASTER.md file for cohesive product interfaces.

What is a Master and Overrides workflow for UI design?

The Master and Overrides workflow establishes a global MASTER.md file for core design system patterns while allowing per-page overrides, enabling page-level UI customization without breaking overarching rules.

Does this UI/UX tool support Vue, Svelte, and shadcn-ui for landing pages?

Yes, this UI/UX tool supports Vue, Svelte, and shadcn-ui alongside six other stacks, providing specific component guidance and pattern recommendations for building landing pages and dashboards across these technologies.

How do I ensure accessibility and typography consistency in a web design system?

Ensure accessibility and typography consistency in a web design system by embedding best practices for interaction, performance, and visual rules directly into the synthesized output for compliant component guidance.

Can I customize individual page interfaces without breaking the core design system?

Yes, you can customize individual page interfaces without breaking the core design system by using the per-page overrides mechanism, which isolates specific deviations while the MASTER.md file preserves global constraints.

What UI styles are available for product interfaces and dashboards?

Over 50 UI styles are available for product interfaces and dashboards, utilizing multi-domain searches to surface and rank specific pattern recommendations, spacing, and color palettes for your selected technology stack.