Hacé tu app más rápida en 5 pasos, midiendo antes y después
Tu IA mide cómo rinde tu app con Chrome DevTools MCP, y después ataca cinco frentes: renders innecesarios, bundle, requests y caché, queries lentas y N+1, e imágenes, fuentes y scripts. Prueba los flujos reales con
Playwright MCP, mira producción con
Sentry MCP y vuelve a medir después de cada cambio. Basado en el post de santi.
1 uso
Lo que tu IA te va a entregar
- Una medición inicial por frente (Core Web Vitals del trace, tamaño del bundle, requests, tiempos de queries) guardada en un archivo para comparar.
- Cambios chicos y separados para cada uno de los 5 frentes, cada uno con su número de antes y de después, o revertido si no mejoró.
- Un resumen final con lo que mejoró, lo que no, lo que se descartó y lo que no se pudo medir.
Cómo funciona
En tu IA y con tus cuentas. Lo primero que hace es conocer tu negocio. Cómo funcionan los kits ›
- 1. Entender
Primero estudia tu negocio y después te hace 3 preguntas que no puede responder por su cuenta
- 2. Elegir
Nada que elegir: el kit sigue un solo camino
- 3. Hacer
8 pasos
- 4. Entregar
4 verificaciones antes de entregar
Herramientas que usa
Cada herramienta la pagas directo a quien la ofrece, no a CloneKit. Tu IA revisa cuáles ya tienes.
- Chrome DevTools MCPOpcionalCosto sin estimar. O usa Lighthouse CLI
- Playwright MCPOpcionalCosto sin estimar
- Sentry MCPOpcionalCosto sin estimar. O usa Datadog (si el proyecto ya lo usa), Logs de Vercel (si despliega ahí)
- Lighthouse CLIOpcionalCosto sin estimar
- Datadog (si el proyecto ya lo usa)OpcionalCosto sin estimar
- Logs de Vercel (si despliega ahí)OpcionalCosto sin estimar
Detalles
Lo que el creador usa como base. Tu IA lo consulta mientras trabaja.
- Fuente
Idea, los 5 pasos y las 3 herramientas son de santi. Este kit los ordena para que tu IA los siga; todo el crédito es suyo.
- El repo de la app (el agente lo lee primero) y, si se puede, una forma de correrla local o en un entorno de prueba.
- Los flujos o pantallas que tus usuarios sienten lentos.
Archivos de consulta que tu IA puede leer mientras trabaja y después.
- Herramientas: instalación, permisos y alternativasdocs/herramientas.md
- Hacé tu app más rápida en 5 pasosREADME.md
- Medí antes y después de cada optimización, en las mismas condiciones. Un cambio se queda solo si mejora la métrica del frente más que el ruido y no empeora LCP/INP más que el ruido; si no, se revierte. Si es dudoso, revertí o dejá que decida el usuario.
- Un cambio por vez (un commit por cambio), para saber qué mejoró qué.
- Respetá las herramientas de santi como opción principal; usá una alternativa solo si la suya no está disponible, y decilo.
Tras una prueba real: regla de revertir con ruido (rango de 3 corridas), analizador de Turbopack para Next 16, checks que aceptan 'sin cambio seguro' con nota, y qué hacer si el agente corre en sandbox.
Las mejoras les llegan a todos los que usan este kit. Ver historial de cambios ›
- Tipo
- Trabajo puntual
- Licencia
- Uso propio
- Usos
- 1
- Trabajos terminados
- 0