skills.rest
Harshodai
HarshodaiCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

Updated Jan 20, 2026
Search Tags:#ui#accessibility#design system#web design#interaction design#ux
One-click install
npx skills add https://github.com/Harshodai/tayari-skill-boost --skill ui-ux-pro-max-harshodai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Harshodai/tayari-skill-boost/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Harshodai/tayari-skill-boost --skill ui-ux-pro-max-harshodai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill solves the ambiguity in UI/UX design by providing a data-driven, systematic approach to visual design, interaction patterns, and user experience quality control, ensuring professional results across diverse technology stacks.

Core Features & Use Cases

  • Design System Generation: Automatically generates comprehensive design systems including color palettes, typography, and effects based on product type.
  • UX Quality Control: Provides a searchable database of 99+ UX guidelines, accessibility checks, and performance optimizations.
  • Use Case: When building a new SaaS dashboard, use this Skill to generate a consistent design system, select accessible color tokens, and verify the layout against mobile-first responsive standards.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new fintech dashboard project.

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 design system for a web application?▼

To generate a design system, this Skill automatically creates comprehensive color palettes, typography rules, and visual effects based on your specific product type. It provides data-driven design intelligence to ensure systematic visual consistency.

Can I use this tool to audit accessibility and UX quality for React and Next.js projects?▼

Yes, you can audit accessibility and UX quality for React and Next.js projects. The Skill retrieves domain-specific design rules from a searchable database of 99+ UX guidelines and accessibility checks to verify your layout.

What is the best way to ensure mobile-first responsive standards when building a SaaS dashboard?▼

The best way to ensure mobile-first responsive standards for a SaaS dashboard is using this Skill's UX quality control database. It verifies your layout against responsive standards and provides actionable interaction guidelines.

Does this UI/UX design intelligence tool work with Tailwind CSS for component refactoring?▼

Yes, this UI/UX design intelligence tool works with Tailwind CSS for component refactoring. It supports design system creation and component refactoring across multiple technology stacks including React, Next.js, and Tailwind.

How does the system retrieve specific interaction design guidelines for my project?▼

The system retrieves interaction design guidelines using a BM25-based search engine. This mechanism indexes and surfaces domain-specific design rules and implementation checklists tailored to your web and mobile applications.

Related Skills

Explore More Design & Creative Skills→
moshi-azzmoshi-azz
2

ui-ux-pro-max

Generate UI/UX design systems with guidelines, palettes, and typography for specified tech stacks.

Community
Advanced
Akhil-Naik-9Akhil-Naik-9
1

design-work

Codify Wix Vibe UI guidelines for layouts, typography, color, and components.

Community
Advanced
markus41markus41
18

css-generation

Generate CSS variables, Tailwind configurations, and styled-components themes from design tokens.

Community
Intermediate
julianromlijulianromli

critique

Evaluate design and UX quality of web, mobile, and component interfaces.

Community
Advanced