ui-ux-pro-max

Generate UI/UX design systems and guidelines from domain research.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Centralized, data-driven UI/UX planning and design guidance to speed up creating consistent, accessible interfaces across web and mobile platforms.

Core Features & Use Cases

  • 50+ design styles, 161 color palettes, 57 font pairings, and 161 product types with reasoning rules to streamline design decisions.
  • 99 UX guidelines and 25 chart types across 10 technology stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS) to accelerate design-system creation and reviews.
  • Use cases include building landing pages, dashboards, admin panels, e-commerce interfaces, and cross-platform experiences with consistent typography, spacing, and components.

Quick Start

Run the design-system search to generate a comprehensive design system for your 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 generate a UI/UX design system for multiple web and mobile stacks?

To generate a UI/UX design system, run a design-search script that applies reasoning rules and multi-stack domain data to produce master guidelines. This creates comprehensive, accessible interfaces for web and mobile platforms across multiple frameworks.

What is the best way to plan consistent typography and color palettes for a cross-platform app?

The best way to plan typography and color palettes is using data-driven reasoning rules across 161 color palettes and 57 font pairings. This ensures consistent component planning and accessible design decisions for cross-platform experiences.

Can I build a design system for SwiftUI and React Native from the same guidelines?

Yes, you can build design systems for SwiftUI and React Native from the same guidelines. The reasoning rules support 10 technology stacks including React Native, Flutter, and SwiftUI to accelerate consistent cross-platform interface creation.

How do I create accessible landing pages and dashboards with consistent spacing?

You create accessible landing pages and dashboards by applying 99 UX guidelines across 161 product types. This generates master design-system rules for consistent spacing, typography, and components tailored for e-commerce and admin interfaces.

Does this design intelligence tool support Tailwind and shadcn/ui for component planning?

This design intelligence tool supports Tailwind and shadcn/ui for component planning. It provides reasoning rules and design guidelines across 10 technology stacks including Tailwind, shadcn/ui, React, and Next.js to streamline decisions.

What do I need to run a design-system search for a new project?

To run a design-system search for a new project, you need the included design-search script and domain research data. Executing the search generates a master design-system with optional page overrides to accelerate interface development.