ui-ux-pro-max-skill

What This Skill Does

UI UX Pro Max is an advanced design intelligence skill designed to elevate your AI agents from simple coding assistants to expert UI/UX architects. By leveraging a vast library of 161 industry-specific reasoning rules, 67 distinct visual styles, and 57 font pairings, this skill enables developers to generate conversion-optimized, professional-grade interfaces on the first attempt. It bridges the gap between raw functionality and polished aesthetics by providing structured design systems, including color palettes, accessibility checklists, and anti-pattern avoidance strategies.

Installation

To integrate this skill into your environment, use the OpenClaw command-line interface: clawhub install openclaw/skills/skills/adisinghstudent/ui-ux-pro-max-skill

Alternatively, for Python-based projects, you can interface directly with the module by importing DesignSystemGenerator from uiuxpro. Ensure your project has the necessary requirements.txt installed to handle the reasoning engine dependencies.

Use Cases

This skill is ideal for rapid prototyping, building SaaS landing pages, creating design-compliant internal dashboards, and establishing consistent brand identities for web applications. It is particularly effective for teams that need to iterate on UI/UX at high velocity without sacrificing accessibility or conversion performance.

Example Prompts

1. "Create a dark-mode landing page design system for a premium SaaS financial dashboard, focusing on trust and data density."
2. "Review my current React component architecture and suggest an updated color palette and typography pairing that adheres to modern glassmorphism design trends."
3. "Generate a pre-delivery checklist for my landing page to ensure it meets WCAG 2.1 accessibility standards and avoids common e-commerce conversion anti-patterns."

Tips & Limitations

• Tip: Always specify the framework (e.g., React, Next.js, Astro) to ensure the generated code snippets match your current tech stack.
• Tip: Use the 'ReasoningEngine' if you need to validate specific UI decisions against the 161 industry-standard rules provided.
• Limitation: The skill provides a strategic framework and component design logic; you must still integrate the generated assets into your specific codebase. While it suggests styles, human review is recommended for highly custom branding requirements where specific color contrast ratios need verification.