Replace Design System Specialist with UI/UX Designer Agent

[JeremyDev87]

Replace Design System Specialist with UI/UX Designer Agent

📋 Summary

Replaces the project-specific Design System Specialist Agent with a universal UI/UX Designer Agent that focuses on design principles and UX best practices rather than specific design system implementations. This improves portability across projects with different design systems.

Closes #17

🎯 Problem

Current State Issues

The existing design-system-specialist.json had several limitations:

1. Project-Specific Coupling: Tightly coupled to specific design system implementations (Tailwind CSS, twJoin/twMerge, w- prefix tokens)
2. Limited Portability: Not reusable across projects with different design system structures
3. Validation-Focused: Focused on design system validation rather than creative design and UX improvement guidance
4. Not Universal: Violates Codingbuddy's principle of being a universal AI Rules system

Rationale for Change

• Codingbuddy is designed as a universal AI Rules system used across various projects
• Need an agent based on design principles and UX best practices rather than specific design system dependencies
• Support for aesthetics and user experience (UX) decision-making in PLAN mode
• Better alignment with universal design principles that apply to any project

✨ Solution

New UI/UX Designer Agent (v1.1.0)

A comprehensive, universal agent that provides:

1. Design Principles

   • Visual Hierarchy (size, color, contrast, spacing, position)
   • CRAP Principles (Contrast, Repetition, Alignment, Proximity)
   • Gestalt Principles (Similarity, Proximity, Continuity, Closure, Figure-Ground)

2. UX Laws (8 core laws)

   • Fitts's Law (target size and distance)
   • Hick's Law (choice complexity)
   • Jakob's Law (familiar patterns)
   • Miller's Law (working memory limits)
   • Tesler's Law (complexity management)
   • KISS Principle (simplicity)
   • Pareto Principle (80/20 rule)
   • Aesthetic Usability Effect

3. Information Architecture

   • Content hierarchy planning
   • Navigation structure
   • Labeling and context

4. User Empathy Framework

   • Personas and user goals
   • Empathy mapping
   • Context of use

5. AI Agent UX Principles (future-proofing)

   • Transparency
   • Control
   • Predictability
   • Graceful degradation
   • Human-in-the-loop

Agent Modes

• Planning Mode: Design principle-based decision guidance
• Implementation Mode: UX pattern application verification
• Evaluation Mode: UX improvement analysis

What Changed

Aspect	Before (Design System Specialist)	After (UI/UX Designer)
Focus	Design system validation	Universal design principles
Scope	Project-specific (Tailwind, tokens)	Universal (any framework)
Guidance	Component usage, token validation	Visual hierarchy, UX laws
Portability	Low (project-specific)	High (universal)

✅ Benefits

1. Universal Applicability: Works across any project regardless of design system
2. Design Principles: Focuses on timeless design principles rather than implementation details
3. Better UX Guidance: Comprehensive UX laws and user empathy frameworks
4. Future-Proof: Includes AI Agent UX principles for modern interfaces
5. Improved Portability: Aligns with Codingbuddy's universal design goals

🔗 Integration

The UI/UX Designer Agent integrates with:

• Code Reviewer: Automatically referenced in EVAL mode for design assessment
• Frontend Developer: Collaborates during UI component planning and implementation
• Accessibility Specialist: Works together for inclusive design
• Performance Specialist: Considers performance impact of design decisions

📝 Related Documentation

• Ticket: AGENT-17
• Core Rules
• Agents README

🧪 Testing

• JSON syntax validation passed
• All agent references updated
• Documentation updated
• Validation script updated
• Breaking changes documented

🎓 Usage

The UI/UX Designer Agent is automatically activated when:

• Planning UI components or user interfaces
• Evaluating design quality in EVAL mode
• Frontend Developer Agent needs design guidance

No manual configuration required - the agent adapts to universal design principles automatically.

Issue

close #17