ui-ux-pro-max

Search UI/UX guidelines across nine stacks to assemble design systems.

Updated Jun 16, 2025
One-click install
npx skills add https://github.com/Stonelukas/Mouse-on-Numpad --skill ui-ux-pro-max-stonelukas
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Stonelukas/Mouse-on-Numpad/tree/main/.opencode/skill/ui-ux-pro-max
Command: npx skills add https://github.com/Stonelukas/Mouse-on-Numpad --skill ui-ux-pro-max-stonelukas

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This design intelligence tool consolidates best-practice UI/UX guidelines, color systems, typography, and accessibility considerations into a single, searchable reference across multiple tech stacks.

Core Features & Use Cases

  • Comprehensive guidance across 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui) for faster design decisions.
  • Centralized design system references including color palettes, typography pairings, accessibility checks, and reusable components patterns.
  • Use cases include creating dashboards, admin panels, landing pages, and SaaS apps with consistent UX and accessible defaults.

Quick Start

Provide a project brief and let this skill generate a complete UI/UX design system across stacks.

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 consistent design system across multiple frameworks like React and Flutter?

To generate a design system across multiple frameworks, provide a project brief to surface consolidated UI/UX guidelines, color palettes, and typography pairings. This approach applies best-practice design rules across 9 supported stacks including React, Next.js, Vue, Svelte, and Flutter.

What is the best way to check accessibility and color contrast when building a UI component library?

The best way to check accessibility and color contrast is to use a reasoning engine that applies UX guidelines over your design choices. This ensures accessible defaults by validating component patterns and color systems against consolidated best-practice standards.

Can I use this UI/UX guidance skill for building responsive admin panels and SaaS dashboards?

Yes, you can use this UI/UX guidance skill for building responsive admin panels and SaaS dashboards. It streamlines decision-making for these specific use cases by assembling coherent component patterns and typography choices tailored to your project stack.

How does the design search mechanism work for finding typography and color guidelines?

The design search mechanism works by applying a BM25-based search over domain data containing style, color, typography, and UX guidelines. It retrieves relevant design guidance and uses a reasoning engine to assemble a complete and coherent design system.

Do I need to install any external dependencies to use this multi-stack design intelligence tool?

No, you do not need to install any external dependencies to use this multi-stack design intelligence tool. It operates independently with internal scripts to surface design guidance and assemble design systems without requiring additional packages.

Does the skill support Tailwind and shadcn/ui for landing page development?

Yes, the skill supports both Tailwind and shadcn/ui for landing page development. It provides centralized design system references and reusable component patterns specifically tailored for these stacks to ensure consistent UX across your application.