skills.rest
marinkobabic
marinkobabicCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Retrieve priority-ranked UI/UX guidelines for React, Next.js, Vue, and Svelte stacks.

Updated Apr 21, 2026
Search Tags:#accessibility#frontend#design system#color palette#ui design#tailwind#ux guidelines
One-click install
npx skills add https://github.com/marinkobabic/dario-shop --skill ui-ux-pro-max-marinkobabic
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/marinkobabic/dario-shop/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/marinkobabic/dario-shop --skill ui-ux-pro-max-marinkobabic

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill eliminates guesswork and inconsistency in user interface design by providing pre-vetted, priority-ranked guidelines for styles, color palettes, typography, accessibility, and stack-specific implementation patterns, ensuring professional, compliant UI/UX across web and mobile applications.

Core Features & Use Cases

  • Multi-domain design guidance: Access 67 UI styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types for a wide range of project types.
  • Stack-specific best practices: Get tailored implementation rules for 13 popular frameworks including React, Next.js, Vue, Svelte, Tailwind, and shadcn/ui.
  • Use case: A frontend developer building a healthcare SaaS dashboard can use this Skill to select an accessible color palette, compatible typography, and compliant component patterns without manual research across multiple resources.

Quick Start

Ask the AI to generate a complete design system for your new e-commerce landing page, specifying your preferred visual style, brand colors, and target tech stack to get actionable guidelines and component specifications.

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 UI design system for a React or Next.js project?▼

To generate a consistent UI design system for a React or Next.js project, this tool provides pre-vetted, priority-ranked guidelines for styles, color palettes, typography, and stack-specific implementation patterns. You receive actionable component specifications ensuring accessible interface design without manual research.

Can I use this to find an accessible color palette and typography pairings for a SaaS dashboard?▼

Yes, you can find an accessible color palette and typography pairings for a SaaS dashboard through its searchable database of 96 color palettes and 57 font pairings. It supplies priority-ranked UX guidelines ensuring your dashboard meets accessibility compliance standards.

What's the best way to ensure Tailwind and shadcn/ui components follow UX best practices?▼

The best way to ensure Tailwind and shadcn/ui components follow UX best practices is by applying the tool's 13 supported stack-specific implementation rules. It delivers pre-vetted animation guidelines and compliant component patterns directly tailored to your frontend framework.

Do I need to manually search for UI styles and chart types when building an e-commerce landing page?▼

You do not need to manually search for UI styles and chart types when building an e-commerce landing page. This tool offers a searchable BM25-powered database containing 67 UI styles and 25 chart types, eliminating design guesswork instantly.

Are there specific UX guidelines for ensuring web and mobile application accessibility compliance?▼

Specific UX guidelines for ensuring web and mobile application accessibility compliance are provided through 99 priority-ranked UX guidelines. These cover animation best practices, functional style selection, and compliant component patterns to eliminate inconsistency across platforms.

Does the ui-ux-pro-max Skill support Vue and Svelte frontend development stacks?▼

The ui-ux-pro-max Skill supports Vue and Svelte frontend development stacks out of its 13 supported technologies. It delivers tailored implementation rules, typography pairing, and color palette matching specifically for these frameworks.

Related Skills

Explore More Design & Creative Skills→
89jobrien89jobrien
4

global-standards

Standardize project-wide coding standards and conventions across languages and frameworks.

Community
Advanced
hookvibehookvibe
3

ui-ux-pro-max

Generate UI/UX design systems with color palettes and typography guidelines.

Official
Basic
vuminhieuvuminhieu

ui-styling

Build accessible React interfaces with shadcn/ui, Tailwind CSS, and canvas visuals.

Community
Intermediate
netprtonynetprtony

ui-ux-pro-max

Generate UI/UX design guidance and pattern recommendations for web and mobile interfaces.

Community
Intermediate