webdesign-pro-max

Design and review web and mobile interfaces across 10 frontend stacks.

Updated Apr 29, 2026
One-click install
npx skills add https://github.com/BFLabsAI/algoritmo-milionario --skill webdesign-pro-max
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: webdesign-pro-max
Source: https://github.com/BFLabsAI/algoritmo-milionario/tree/main/skills/webdesign-pro-max
Command: npx skills add https://github.com/BFLabsAI/algoritmo-milionario --skill webdesign-pro-max

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max guides teams to design and review web and mobile interfaces with a bold, production-ready aesthetic, reducing iteration cycles and ensuring cohesive brand expression.

Core Features & Use Cases

  • 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks, enabling end-to-end design decisions.
  • Used for designing new pages, refining UI components, and evaluating visual consistency, accessibility, and performance.
  • Suitable for dashboards, landing pages, admin interfaces, SaaS products, portfolios, e-commerce, and mobile apps.

Quick Start

Describe a bold, production-ready UI concept for a fintech dashboard and generate a reusable React component library.

Frequently Asked Questions about webdesign-pro-max

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a production-ready UI for a React dashboard?

To design a production-ready UI for a React dashboard, you can apply predefined styles, color palettes, and UX guidelines to generate cohesive pages and reusable components. It provides specific rules for accessibility, typography, and motion design.

What font pairings and color palettes work best for SaaS interfaces?

For SaaS interfaces, selecting from 57 font pairings and 161 color palettes ensures visual cohesion. The system enforces typography and color rules to maintain a bold, production-ready aesthetic across all components.

Can I use this UI/UX design system with Tailwind and shadcn/ui?

Yes, you can use this UI/UX design system with Tailwind and shadcn/ui. It supports 10 stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter to provide practical implementation guidance.

How do I enforce accessibility and performance rules in mobile app design?

You enforce accessibility and performance rules in mobile app design by applying the 99 built-in UX guidelines. It evaluates visual consistency and provides specific constraints for typography, color, and motion across mobile stacks.

Does this tool provide design guidance for data visualization and charts?

Yes, this tool provides design guidance for data visualization by offering 25 chart types across supported frameworks. It helps you select and implement charts that align with your overall design system and aesthetic.

What is the best way to create a reusable component library for a fintech product?

The best way to create a reusable component library for a fintech product is to leverage the 161 product types and design-system artifacts. It enables end-to-end design decisions for pages and components, ensuring cohesive brand expression.