Market Fit

{
  "url": "https://example.com"
}

{
  "success": true,
  "result": {
    "summary": "Este es un sitio web de ejemplo con una estructura simple...",
    "insights": [
      "El sitio tiene una navegación clara y accesible",
      "La página de inicio presenta claramente el propósito del sitio"
    ],
    "recommendations": [
      {
        "issue": "Falta de llamadas a la acción claras",
        "solution": "Añadir botones CTA más prominentes en la página de inicio",
        "priority": "high"
      }
    ],
    "metadata": {
      "analyzed_by": "Claude 3.5 Sonnet",
      "timestamp": "2023-07-15T12:34:56Z",
      "status": "success"
    }
  }
}

{
  "url": "https://example.com",
  "options": {
    "analysisType": "basic", // "basic", "detailed", "structured"
    "depth": 2,
    "timeout": 30000,
    "includeScreenshot": true,
    "provider": "anthropic", // "anthropic", "openai", "gemini"
    "modelId": "claude-3-5-sonnet-20240620"
  }
}

{
  "success": true,
  "analysisType": "basic",
  "result": {
    "summary": "Este es un sitio web de ejemplo con una estructura simple...",
    "insights": [
      "El sitio tiene una navegación clara y accesible",
      "La página de inicio presenta claramente el propósito del sitio"
    ],
    "recommendations": [
      {
        "issue": "Falta de llamadas a la acción claras",
        "solution": "Añadir botones CTA más prominentes en la página de inicio",
        "priority": "high"
      }
    ]
  }
}

{
  "success": true,
  "analysisType": "structured",
  "result": {
    "structuredAnalysis": {
      "site_info": {
        "url": "https://example.com",
        "title": "Example Domain",
        "description": "This domain is for use in illustrative examples",
        "language": "en"
      },
      "blocks": [
        {
          "id": "header-1",
          "type": "header",
          "section_type": "navigation",
          "selector": "header",
          "classes": ["main-header"],
          "content_type": "navigation",
          "description": "Cabecera principal del sitio",
          "relevance": {
            "score": 90,
            "reason": "Elemento crítico para la navegación"
          },
          "children": 3,
          "text_length": 45,
          "location": {
            "position": "top",
            "coordinates": {
              "top": 0,
              "left": 0
            }
          },
          "content_list": ["Home", "About", "Contact"]
        }
        // Más bloques...
      ],
      "hierarchy": {
        "main_sections": ["header", "hero", "features", "footer"],
        "navigation_structure": []
      },
      "overview": {
        "total_blocks": 12,
        "primary_content_blocks": 5,
        "navigation_blocks": 2,
        "interactive_elements": 8
      },
      "metadata": {
        "analyzed_by": "Claude 3.5 Sonnet",
        "timestamp": "2023-07-15T12:34:56Z",
        "status": "success"
      }
    }
  }
}

{
  "messages": [
    { "role": "user", "content": "Hola, ¿puedes ayudarme con mi sitio web?" }
  ],
  "modelType": "anthropic", // "anthropic", "openai", "gemini"
  "modelId": "claude-3-5-sonnet-20240620"
}

{
  "id": "msg_01234567890",
  "choices": [
    {
      "message": {
        "role": "assistant",
        "content": "¡Hola! Claro que puedo ayudarte con tu sitio web. ¿Qué tipo de ayuda necesitas? Puedo ofrecerte consejos sobre diseño, usabilidad, SEO, rendimiento, o cualquier otro aspecto que te interese mejorar."
      }
    }
  ]
}

{
  "messages": [
    { "role": "user", "content": "Hola, ¿puedes ayudarme con mi sitio web?" }
  ],
  "modelType": "anthropic", // "anthropic", "openai", "gemini"
  "modelId": "claude-3-5-sonnet-20240620",
  "includeScreenshot": false,
  "siteUrl": "https://example.com"
}

{
  "id": "msg_01234567890",
  "choices": [
    {
      "message": {
        "role": "assistant",
        "content": "¡Hola! Claro que puedo ayudarte con tu sitio web example.com. ¿Qué aspectos específicos te gustaría mejorar o qué preguntas tienes sobre él?"
      }
    }
  ]
}

site-analyzer/
├── src/
│   ├── app/
│   │   ├── api/
│   │   │   ├── analyze/
│   │   │   ├── ai/
│   │   │   ├── conversation/
│   │   │   ├── docs/
│   │   │   └── site/
│   │   ├── components/
│   │   │   ├── ConversationUI.tsx
│   │   │   └── StructuredAnalysis.tsx
│   │   ├── globals.css
│   │   ├── layout.tsx
│   │   └── page.tsx
│   ├── lib/
│   │   ├── actions/
│   │   ├── agents/
│   │   ├── config/
│   │   ├── prompts/
│   │   ├── services/
│   │   ├── types/
│   │   └── utils/
│   │       ├── api-utils.ts
│   │       ├── dev-helpers.ts
│   │       ├── html-preprocessor.ts
│   │       ├── html-utils.ts
│   │       ├── image-utils.ts
│   │       └── message-utils.ts
├── public/
├── .env.local
├── next.config.js
├── package.json
├── tailwind.config.js
└── tsconfig.json

<ConversationUI 
  provider="anthropic" 
  modelId="claude-3-5-sonnet-20240620"
  includeScreenshot={true}
  siteUrl="https://example.com"
/>

<StructuredAnalysis analysisData={structuredData} />

// Formatear un objeto para la consola
prettyLog(data, 'User Data');
 
// Medir tiempo de ejecución
const result = await measureTime(
  async () => await fetchData(),
  'Fetch Data'
);
 
// Validar datos de análisis
const validation = validateAnalysisData(analysisData);
if (!validation.valid) {
  console.error(`Errores: ${validation.errors.join(', ')}`);
}
 
// Crear un logger con prefijo
const logger = createPrefixedLogger('AnalyzerService');
logger.info('Iniciando análisis');

// Preparar datos para análisis
const { screenshotData, processedImage, htmlContent } = 
  await prepareAnalysisData(request);
 
// Llamar a la API con un mensaje
const response = await callApiWithMessage(
  messages,
  'anthropic',
  'claude-3-5-sonnet-20240620'
);
 
// Manejar respuestas JSON incompletas
const processedResponse = await handleIncompleteJsonResponse(
  response,
  messages,
  'anthropic',
  'claude-3-5-sonnet-20240620'
);

// Crear mensaje con imagen
const message = createVisionMessage(
  'Analiza esta página web',
  screenshotData,
  systemPrompt,
  'anthropic'
);
 
// Crear mensaje básico
const message = createBasicMessage(
  'Analiza esta URL: https://example.com',
  systemPrompt
);

// Ejemplo de análisis básico
async function analyzeSite(url) {
  try {
    const response = await fetch('/api/analyze', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({ url }),
    });
    
    if (!response.ok) {
      throw new Error(`Error: ${response.status}`);
    }
    
    const data = await response.json();
    return data;
  } catch (error) {
    console.error('Error al analizar el sitio:', error);
    throw error;
  }
}