ui-ux-pro-max

Generate design systems and UX guidelines for web and mobile interfaces.

Updated Apr 5, 2026
One-click install
npx skills add https://github.com/Nikhil2005menariya/ResumeAi --skill ui-ux-pro-max-nikhil2005menariya
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Nikhil2005menariya/ResumeAi/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Nikhil2005menariya/ResumeAi --skill ui-ux-pro-max-nikhil2005menariya

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill eliminates guesswork and slow iterations when creating UI design systems and performing UX reviews by providing prioritized accessibility and interaction rules, searchable style/color/typography assets, and implementation guidance tailored to common stacks.

Core Features & Use Cases

  • Design system generation: Aggregates multi-domain searches and reasoning to produce a complete pattern, style, color, and typography recommendation for a project.
  • Searchable style database: BM25-backed CLI search across styles, colors, typography, charts, and UX guidelines for targeted refinements.
  • Stack-specific guidance & pre-delivery checklist: Produces implementation tips for html-tailwind, react, nextjs, and others, plus accessibility and QA checklist items.
  • Use Case: Create a mobile-first, accessible SaaS dashboard design system that includes color palettes, font pairings, component patterns, and a pre-delivery accessibility checklist.

Quick Start

Generate a complete design system for a SaaS dashboard with mobile-first responsive layouts and accessible color and typography recommendations.

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 design system for a web or mobile SaaS dashboard?

Generate a design system by aggregating multi-domain searches to produce complete style, color, typography, and component pattern recommendations. It outputs prioritized accessibility rules and stack-specific implementation tips for responsive web and mobile interfaces.

How do I find accessible color palettes and font pairings for a UI project?

Search the BM25-backed CLI database to find accessible color palettes and font pairings. This searchable style database targets specific UI refinements across colors, typography, and charts to ensure accessible design choices.

Does this design system skill provide implementation tips for React and Next.js?

Yes, the design system skill provides stack-specific implementation tips for React and Next.js. It also supports html-tailwind and includes a pre-delivery checklist with QA and accessibility items for these frameworks.

What is the best way to perform a UX code review for accessibility compliance?

Perform a UX code review by applying the prioritized accessibility and interaction rules provided. The skill outputs a pre-delivery accessibility checklist to verify UI components against essential UX guidelines and compliance standards.

Can I use this tool to create mobile-first responsive layouts for web interfaces?

Yes, you can create mobile-first responsive layouts for web interfaces. The skill generates comprehensive UX guidelines and component patterns specifically tailored for mobile-first SaaS dashboards and web applications.