El Problema
Los sitios web de servicios tradicionales son estáticos y pasivos. Cuando un cliente potencial tiene dudas específicas sobre precios, tecnologías o tiempos de entrega, debe buscar la información manualmente o rellenar un formulario largo esperando respuesta. Esta fricción resulta en oportunidades de negocio perdidas y respuestas repetitivas.
La Solución
Un asistente virtual autónomo disponible las 24 horas del día. A diferencia de un chatbot rígido con botones predefinidos, este agente entiende lenguaje natural, responde de forma precisa y honesta basándose en una base de conocimientos específica, y ejecuta acciones en el backend de forma conversacional.
Funcionalidades Clave
- Consulta Contextual de Conocimiento: El agente responde de manera precisa preguntas sobre mis servicios, stack técnico, tarifas y metodologías de trabajo basándose en documentación oficial provista.
- Cero Alucinaciones: Diseñado para reconocer cuando no tiene información sobre un tema específico, redirigiendo al usuario al formulario oficial o a mi casilla de correo, evitando respuestas incorrectas.
- Detección Automática de Idioma: Funciona de manera fluida tanto en español como en inglés, adaptando el tono y estilo al idioma seleccionado por el usuario.
- Ejecución Autónoma de Herramientas (Tool Calling: Si el usuario desea contratar un servicio o solicitar un presupuesto, el agente recopila los datos necesarios y ejecuta la herramienta de envío de solicitudes en el chat en tiempo real.
- UI Dinámica Reactiva: El chat proporciona indicaciones en vivo, mostrando tarjetas interactivas de los datos recopilados antes del envío y notificando el estado final de la operación.
Stack Tecnológico
- Modelos de IA: Alimentado por el modelo Gemini 2.5 Flash para obtener un análisis veloz y llamadas a funciones de alta precisión con latencia mínima.
- Orquestación: Vercel AI SDK Core & UI utilizando el nuevo `ToolLoopAgent` para gestionar estados interactivos complejos de múltiples pasos.
- Framework**: Next.js (App Router) y TypeScript para un renderizado ágil, integración fluida de Server Actions y seguridad en el lado del servidor.
- Estilos: Tailwind CSS adaptado a un diseño interactivo, adaptado a esquemas de color claros y oscuros, e íconos fluidos de Lucide React.