ui-ux-pro-max

Search UI/UX design styles, palettes, fonts, and stack-specific best practices.

Updated Jan 21, 2026
One-click install
npx skills add https://github.com/mahamaneharouna9-cpu/Apex-invoice-billing-automation --skill ui-ux-pro-max-mahamaneharouna9-cpu
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/mahamaneharouna9-cpu/Apex-invoice-billing-automation/tree/main/.opencode/skill/ui-ux-pro-max
Command: npx skills add https://github.com/mahamaneharouna9-cpu/Apex-invoice-billing-automation --skill ui-ux-pro-max-mahamaneharouna9-cpu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering a vast library of styles, palettes, font pairings, and stack-specific best practices to streamline the design and development process.

Core Features & Use Cases

  • Design System Generation: Access 50+ styles, 21 palettes, 50 font pairings, and 20 chart types.
  • Stack-Specific Guidance: Get tailored recommendations for React, Next.js, Vue, Tailwind CSS, and more.
  • Workflow Automation: Automates the process of gathering design assets and best practices based on user requirements.
  • Use Case: A developer needs to quickly design a professional-looking dashboard for a new SaaS product using React and Tailwind CSS. This Skill can provide a complete design system, including color schemes, typography, and layout suggestions, tailored to the SaaS domain and the specified tech stack.

Quick Start

Use the ui-ux-pro-max skill to design a professional SaaS dashboard using React and Tailwind CSS.

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 complete UI design system for a React and Tailwind CSS dashboard?

Generate a UI design system for a React and Tailwind CSS dashboard by querying the database for stack-specific best practices, color palettes, and font pairings tailored to your SaaS product type. The system outputs complete design schemes and layout suggestions.

What UI styles and font pairings are available for frontend web development?

Available UI styles for frontend web development include over 50 styles, 21 color palettes, and 50 font pairings. These assets facilitate design workflows across multiple frameworks like React, Vue, and Flutter for websites and mobile apps.

Can I get UX best practices and chart type recommendations for a mobile app?

You can get UX best practices and chart type recommendations for a mobile app by specifying your product type and stack. The system dynamically retrieves relevant UX guidelines and 20 chart types to streamline your mobile development.

Does this UI/UX design intelligence tool support Vue and Next.js frameworks?

This UI/UX design intelligence tool supports Vue and Next.js frameworks by providing stack-specific guidance. It outputs tailored design recommendations and best practices matching the requirements of your chosen frontend stack.

How do I use shell commands to find color palettes and typography for my SaaS product?

Use shell commands to find color palettes and typography for your SaaS product by passing arguments for product type, style, and stack. The tool queries its internal references and returns matching design assets dynamically.