API de Análisis UX y Branding 🎨

{
  "success": true,
  "data": {
    "url": "https://ejemplo.com",
    "site_id": "uuid-del-sitio",
    "user_id": "uuid-del-usuario",
    "analysis_id": "uuid-del-análisis",
    "branding": {
      "brand_pyramid": {
        "brand_essence": "Esencia de la marca",
        "brand_personality": "Personalidad de la marca",
        "brand_benefits": "Beneficios principales",
        "brand_attributes": "Atributos clave",
        "brand_values": "Valores fundamentales",
        "brand_promise": "Promesa de marca"
      },
      "brand_archetype": "hero",
      "color_palette": {
        "primary_color": "#000000",
        "secondary_color": "#666666",
        "accent_color": "#e0ff17"
      },
      "typography": {
        "primary_font": "Arial, sans-serif",
        "secondary_font": "Times, serif",
        "font_size_scale": "medium"
      },
      "voice_and_tone": {
        "communication_style": "profesional",
        "personality_traits": ["innovador", "confiable", "profesional"],
        "forbidden_words": ["cheap", "basic"],
        "preferred_phrases": ["premium quality", "customer-focused"]
      },
      "brand_guidelines": {
        "do_list": ["Mantener consistencia visual"],
        "dont_list": ["Usar jerga técnica innecesaria"],
        "emotions_to_evoke": ["confianza", "profesionalismo"]
      }
    },
    "ux_assessment": {
      "overall_score": 70,
      "usability_score": 75,
      "accessibility_score": 60,
      "visual_design_score": 80,
      "performance_score": 70,
      "branding_consistency_score": 65
    },
    "recommendations": [
      {
        "category": "usability",
        "priority": "alta",
        "issue": "No se detectaron elementos de navegación claros",
        "recommendation": "Implementar una navegación principal visible",
        "impact": "Mejora significativa en la experiencia del usuario",
        "effort": "medio"
      }
    ],
    "problems": [
      {
        "category": "accessibility",
        "severity": "medio",
        "description": "Posibles problemas de accesibilidad en imágenes",
        "location": "Elementos de imagen en el sitio",
        "userImpact": "Usuarios con discapacidades visuales pueden tener dificultades",
        "businessImpact": "Reducción en alcance y cumplimiento legal"
      }
    ],
    "opportunities": [
      {
        "category": "branding",
        "potential": "alto",
        "description": "Desarrollar una identidad de marca más sólida",
        "expectedBenefit": "Mejor reconocimiento y lealtad de marca",
        "implementationComplexity": "media"
      }
    ],
    "timestamp": "2024-01-15T10:30:00Z",
    "processingTime": 15000
  },
  "message": "Análisis UX completado exitosamente"
}

const response = await fetch('/api/agents/ux/analyze', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    site_id: 'uuid-del-sitio'
  })
});
 
const result = await response.json();
console.log('Análisis completado:', result.data);

const response = await fetch('/api/agents/ux/analyze', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    site_id: 'uuid-del-sitio',
    options: {
      timeout: 45000,
      includeScreenshot: false,
      provider: 'openai',
      modelId: 'gpt-4-turbo',
      updateBranding: false,
      language: 'en'
    }
  })
});
 
const result = await response.json();

const { branding, ux_assessment, recommendations, problems, opportunities } = result.data;
 
// Analizar branding
console.log('Personalidad de marca:', branding.brand_pyramid.brand_personality);
console.log('Colores principales:', branding.color_palette);
 
// Revisar scores
console.log('Score UX general:', ux_assessment.overall_score);
console.log('Score de accesibilidad:', ux_assessment.accessibility_score);
 
// Filtrar recomendaciones críticas
const criticalRecommendations = recommendations.filter(r => r.priority === 'alta');
console.log('Recomendaciones críticas:', criticalRecommendations);
 
// Identificar problemas severos
const severeProblems = problems.filter(p => p.severity === 'crítico');
console.log('Problemas severos:', severeProblems);

UPDATE settings 
SET branding = $1, updated_at = NOW()
WHERE site_id = $2;

INSERT INTO analysis (
  site_id, url_path, structure, user_id, status, 
  request_time, provider, model_id
) VALUES ($1, $2, $3, $4, $5, $6, $7, $8);

// Análisis completo con actualización de branding
const audit = await analyzeUX({
  url: 'https://cliente.com',
  site_id: siteId,
  user_id: userId,
  options: { 
    updateBranding: true,
    language: 'es' 
  }
});
 
// Generar reporte de recomendaciones
const report = generateUXReport(audit.data);

const competitors = ['site1.com', 'site2.com', 'site3.com'];
const results = await Promise.all(
  competitors.map(url => analyzeUX({ url, site_id, user_id }))
);
 
// Comparar scores
const comparison = results.map(r => ({
  url: r.data.url,
  overall_score: r.data.ux_assessment.overall_score,
  usability_score: r.data.ux_assessment.usability_score
}));

// Análisis antes de los cambios
const beforeAnalysis = await analyzeUX(params);
 
// ... implementar cambios ...
 
// Análisis después de los cambios
const afterAnalysis = await analyzeUX(params);
 
// Comparar mejoras
const improvement = {
  overall: afterAnalysis.ux_assessment.overall_score - beforeAnalysis.ux_assessment.overall_score,
  usability: afterAnalysis.ux_assessment.usability_score - beforeAnalysis.ux_assessment.usability_score
};