Mide tu web desde Lovable
Conecta UXMachine una vez. Después, pide a Lovable que mida tu web y te dará el enlace al informe con todo lo que medimos.
Antes de empezar
- Una cuenta de Lovable y un proyecto publicado: es la web que vamos a medir.
- Una cuenta de UXMachine. Si no la tienes, créala aquí.
- Cada mensaje a Lovable gasta créditos de tu plan de Lovable.
Paso a paso
Abre «Conectores»
En la pantalla de inicio de Lovable, en el menú de la izquierda, pulsa «Conectores». Si tienes Lovable en inglés, se llama «Connectors».
Pulsa «+»
Está arriba a la derecha de la lista de conectores.
Elige «MCP server»
Es la segunda opción del menú. No elijas «Custom connector»: sirve para otro tipo de servicio.
Rellena dos campos
- Server name UXMachine
- Server URL la dirección de abajo
https://uxmachine.app/mcpDeja «Authentication» en «OAuth (default)» y pulsa «Add & authorize».
Autoriza en UXMachine
Se abre una ventana de UXMachine que explica qué podrá hacer Lovable y qué no. Si te pide entrar, entra con tu cuenta de UXMachine. Después pulsa «Autorizar».
Comprueba que está conectado
Vuelve a Lovable. UXMachine aparece en la lista de conectores con un punto verde.
Abre tu proyecto y pídele que mida
Abre el proyecto de la web que quieres medir y pega esta frase en el chat de ese proyecto. No la pegues en la pantalla de inicio de Lovable: ahí empezaría un proyecto nuevo.
Using the UXMachine connector, measure my published site and give me the report link. Don't change any code.La última frase le pide que no toque tu código: Lovable a veces lo cambia por su cuenta.
Lovable te pedirá permiso antes de medir. Pulsa «Allow».
Lovable irá consultando la medida hasta que termine y te dará el enlace al informe.
Así sabes que funciona
La respuesta de Lovable incluye un enlace a un informe de uxmachine.app. Ábrelo: el informe es lo que medimos, con las páginas, los anchos de pantalla y lo que no comprobamos.
Lo que escribe Lovable en el chat es su propio resumen. Si no coincide con el informe, lo que vale es el informe.
Si no hay enlace, la medida no ha terminado. Escribe en el chat:
Using the UXMachine connector, check the status of my last measurement.Si algo falla
Lovable dice que la integración está «temporalmente desconectada»
El conector es antiguo. Bórralo en «Conectores» y vuelve a crearlo desde el paso 1.
Al conectar, sale un error que menciona https://uxmachine.app/mcp
Pusiste la dirección sin «/mcp» al final. Borra el conector y créalo de nuevo con la dirección del paso 4.
No se abre la ventana de UXMachine
Tu navegador ha bloqueado la ventana. Permite las ventanas emergentes de lovable.dev y repite el paso 4.
Al pulsar «Allow», Lovable te pide mejorar tu plan
Es un aviso de Lovable, no de UXMachine: Lovable necesita créditos para seguir. Cuando los tengas, vuelve a pedir la medida, o mide tu web directamente en uxmachine.app.
Lovable contesta sin usar UXMachine
Comprueba en «Conectores» que UXMachine tiene el punto verde y empieza la frase con «Using the UXMachine connector».
Lovable ha cambiado el código de tu proyecto
Lovable puede hacerlo por su cuenta. Puedes deshacerlo desde el historial de versiones del proyecto. La próxima vez usa la frase del paso 7, que le pide no tocar el código.
Qué medimos y qué no
Medimos las páginas que encontramos desde la dirección de tu web, a 1280 y 390 px de ancho, con un conjunto concreto de reglas automáticas. Lo que no aparece en el informe no está comprobado, y eso no quiere decir que esté bien. Cómo medimos
¿Prefieres no usar Lovable? Mide tu web desde uxmachine.app