ui-ux-pro-max

Generate UI/UX design systems and searchable guidelines for web and mobile apps.

1|Updated Feb 20, 2026
One-click install
npx skills add https://github.com/makerjackie/jackie-skills-starter --skill ui-ux-pro-max-makerjackie
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/makerjackie/jackie-skills-starter/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/makerjackie/jackie-skills-starter --skill ui-ux-pro-max-makerjackie

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill tackles inconsistent UI/UX decisions, overwhelming style choices, and accessibility oversights in web and mobile app development, ensuring professional, cohesive designs without endless trial and error.

Core Features & Use Cases

  • Design System Generation: Creates complete systems with styles, colors, typography, and patterns based on project needs.
  • Domain-Specific Searches: Queries guidelines for UX, charts, landing pages, and stacks like React or Tailwind.
  • Hierarchical Persistence: Saves master rules with page overrides for consistent, context-aware application.
  • Use Case: For a beauty spa landing page, it generates an elegant design system with soft colors, serif fonts, and hero-centric layout, then provides Tailwind code snippets for implementation.

Quick Start

Generate a comprehensive design system for a professional SaaS dashboard using the ui-ux-pro-max skill.

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 web application?

To generate a UI design system for a web application, define your project needs to automatically produce cohesive styles, color palettes, typography, and patterns. This solves inconsistent UI decisions and eliminates manual trial and error.

Can I get Tailwind code snippets for a React component using this approach?

Yes, you can get Tailwind code snippets for React components. The system queries domain-specific guidelines for React and Tailwind stacks, providing direct implementation code snippets alongside the generated UI design rules.

What is the best way to ensure accessibility when selecting UI color palettes and typography?

The best way to ensure accessibility in UI color palettes and typography is applying reasoning rules to review accessibility against curated datasets. This process checks design choices to prevent accessibility oversights in mobile and web apps.

Does this UI generation method support hierarchical rules for different web pages?

Yes, this UI generation method supports hierarchical rules for different web pages. It uses hierarchical persistence to save master design rules while allowing page-specific overrides, ensuring context-aware application across your project.

How do I search for specific UX guidelines for charts and landing pages?

To search for specific UX guidelines for charts and landing pages, use BM25-powered queries on curated datasets. This retrieves domain-specific design recommendations based on priority rules for your exact use case.

Why does my UI design system feel inconsistent across different mobile app screens?

Your UI design system feels inconsistent across mobile app screens due to a lack of hierarchical persistence. Saving master rules with page overrides provides persistent, context-aware recommendations to maintain visual cohesion.