Add ui-ux-pro-max agent with PROACTIVELY auto-triggering

- Install ui-ux-pro-max as agent (~/.claude/agents/design/ui-ux-pro-max.md)
- Install ui-ux-pro-max as SKILL (~/.claude/skills/ui-ux-pro-max/SKILL.md)
- Add 5th PROACTIVELY agent for professional UI/UX design
- Update MASTER-PROMPT.md with Step 1.5 for ui-ux-pro-max installation
- Update README.md with ui-ux-pro-max integration details
- Update blog post with ui-ux-pro-max as installed agent
- Clarify Ralph is CLI tool (patterns integrated, not agents)

Now includes 38 agents with 5 PROACTIVELY auto-triggering:
1. studio-coach (complex multi-agent tasks)
2. test-writer-fixer (after code modifications)
3. whimsy-injector (after UI/UX changes)
4. experiment-tracker (feature flags/experiments)
5. ui-ux-pro-max (UI/UX design work)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

README.md

@@ -820,31 +820,57 @@ Our suite uses these patterns:
 ### 6. ui-ux-pro-max-skill 🎨
 
 **Source:** https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
-**Type:** Reference/Patterns (not installed directly)
-**Integration:** Inspires design-focused agents
-**Key Feature:** Professional UI/UX design patterns
+**Type:** Agent + Skill (now installed with PROACTIVELY auto-triggering)
+**Integration:** Installed as `~/.claude/agents/design/ui-ux-pro-max.md` and `~/.claude/skills/ui-ux-pro-max/SKILL.md`
+**Key Feature:** Professional UI/UX design agent with comprehensive patterns
 
 #### What It Provides
 
-This skill repository shows:
-- Professional UI/UX design patterns
-- Design system approaches
-- User-centered design methodology
-- Visual hierarchy principles
-- Micro-interaction patterns
+**PROACTIVELY Auto-Triggering Agent:**
+- Triggers on UI component creation (buttons, modals, forms, cards, navbars)
+- Triggers on page design (landing pages, dashboards, pricing pages)
+- Triggers on UI/UX review and audits
+- Applies accessibility compliance (WCAG 2.1 AA/AAA)
+- Tech-stack specific patterns (React, Next.js, Vue, Tailwind, shadcn/ui)
 
-#### How It Helps
+**Comprehensive Design Knowledge:**
+- 50+ design styles (glassmorphism, minimalism, brutalism, etc.)
+- 97 color palettes by industry
+- 57 font pairings with Google Fonts imports
+- Accessibility standards (contrast ratios, keyboard nav, ARIA labels)
+- Professional design patterns (no emoji icons, proper hover states)
 
-Inspired our design agents:
-- **whimsy-injector** - Adds delightful micro-interactions
-- **ui-designer** - Creates professional interfaces
-- **brand-guardian** - Maintains visual consistency
+#### Real-Life Example: UI Component Creation
+
+**BEFORE (Without ui-ux-pro-max):**
+```
+You: Create a modal for user settings
+Claude: [Creates basic modal without accessibility]
+[Missing: ARIA labels, focus trapping, keyboard support]
+[Result: Modal doesn't work with screen readers]
+```
+
+**AFTER (With ui-ux-pro-max PROACTIVELY triggers):**
+```
+You: Create a modal for user settings
+[ui-ux-pro-max auto-triggers]
+Claude (as ui-ux-pro-max): I'll create a professional, accessible modal...
+✓ Proper ARIA labels and roles
+✓ Focus trap implementation
+✓ Escape key and backdrop click handling
+✓ Smooth animations (150-300ms)
+✓ Mobile-responsive sizing
+✓ WCAG 2.1 AA compliant colors
+[Result: Modal works perfectly for all users]
+```
 
 #### Benefits
 
-- **Professional Quality** - Agency-level design patterns
-- **User Delight** - Focus on micro-interactions
-- **Brand Consistency** - Cohesive visual identity
+- **Professional Quality** - Agency-level design patterns automatically applied
+- **Accessibility First** - WCAG 2.1 AA/AAA compliance built-in
+- **No Emoji Icons** - Professional SVG icons from Heroicons/Lucide
+- **Proper Hover States** - No layout shift, smooth transitions
+- **Contrast Compliant** - All color combinations meet 4.5:1 minimum
 
 ---
 
@@ -884,18 +910,21 @@ This customization suite is built upon excellent open-source projects and commun
   - 37 specialized agents with PROACTIVELY auto-triggering system
   - Inspired rich example format with <commentary> tags and 500+ word system prompts
   - Source of studio-coach coordination patterns and department-based organization
+  - Integrated directly into this suite
 
 - **[claude-codex-settings](https://github.com/fcakyon/claude-codex-settings)** by [fcakyon](https://github.com/fcakyon)
   - Comprehensive Claude Code settings and MCP configurations
-  - Foundation for MCP tool integration patterns
+  - Foundation for MCP tool integration patterns (reference)
 
 - **[ui-ux-pro-max-skill](https://github.com/nextlevelbuilder/ui-ux-pro-max-skill)** by [nextlevelbuilder](https://github.com/nextlevelbuilder)
-  - Professional UI/UX design patterns and agent behaviors
-  - Inspired design-focused agents and whimsy-injector
+  - Professional UI/UX design patterns converted to PROACTIVELY auto-triggering agent
+  - Installed as `~/.claude/agents/design/ui-ux-pro-max.md` with full design system knowledge
+  - Also installed as SKILL file for enhanced compatibility
 
 - **[Ralph](https://github.com/iannuttall/ralph)** by [iannuttall](https://github.com/iannuttall)
-  - AI assistant framework and agent patterns
-  - Inspired multi-agent coordination and studio operations workflows
+  - CLI framework for autonomous agent loops (installed separately via `npm i -g @iannuttall/ralph`)
+  - Agent coordination patterns (supervisor-agent, task delegation) already integrated into contains-studio agents
+  - Note: Ralph is a standalone tool, not Claude Code agents - its patterns inspired studio-producer and studio-coach
 
 ### MCP Tool Sources