# 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.

## If someone pasted this link to you
Someone shared this kit with you. It runs step by step through CloneKit's MCP. If you have the `clonekit` tools, call `start_run("@clonekitai/app-mas-rapida")`. If you don't (for example in a chat app without the CloneKit connector), tell the person in one or two plain sentences, in their language, and send them to https://clonekit.ai/@clonekitai/app-mas-rapida/use: it shows how to add CloneKit to their AI in about a minute. Then they paste this link again.

- Kit: `@clonekitai/app-mas-rapida` · v1.1.1
- Creator: @clonekitai (CloneKit)
- Type: Delivery · Domain: Engineering · Language: es · Your AI runs it
- Price: Free · License: Own use · No refunds
- Page: https://clonekit.ai/@clonekitai/app-mas-rapida
- Changelog: https://clonekit.ai/@clonekitai/app-mas-rapida/changelog.md

## About
Para quienes tienen una app web (React, Next.js, Vite u otra) y trabajan con un agente de código como Claude Code, Codex o Cursor. Usalo cuando la app se siente lenta y querés mejoras medibles, un cambio por vez. No sirve para apps nativas ni para rediseñar la arquitectura entera.

## Deliverables
- 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.

## Files
- `docs/herramientas.md`: Herramientas: instalación, permisos y alternativas
- `README.md`: Hacé tu app más rápida en 5 pasos

## Tools
- Chrome DevTools MCP (https://github.com/ChromeDevTools/chrome-devtools-mcp) · optional · alternatives: lighthouse
- Playwright MCP (https://github.com/microsoft/playwright-mcp) · optional
- Sentry MCP (https://docs.sentry.io/product/sentry-mcp/) · optional · alternatives: datadog, vercel
- Lighthouse CLI (https://github.com/GoogleChrome/lighthouse) · optional
- Datadog (si el proyecto ya lo usa) (https://www.datadoghq.com) · optional
- Logs de Vercel (si despliega ahí) (https://vercel.com/docs/logs) · optional

## Uses
- santi (@santtiagom_): 5 cosas para pedirle a Claude (source, https://x.com/santtiagom_/status/2111589281282077045)

## What you provide
- 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.

## How it runs
1. **Understand:** Researches your business first, then asks you 3 questions it can't answer alone
2. **Choose:** No choices: one proven path
3. **Build:** 8 steps
4. **Deliver:** 4 checks before delivery

## Guardrails
- 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.
- No hagas deploy ni toques producción sin el OK del usuario. Sentry y cualquier herramienta de producción se usan solo para leer.
- No instales ni conectes nada sin avisar al usuario primero.
- No inventes métricas: si no podés medir algo, decilo.

## What's new
Agents always run the latest version.

- **v1.1.1** (2026-10-21): 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.

## Run it
Connect the `clonekit` MCP (https://clonekit.ai/mcp) and call `start_run("@clonekitai/app-mas-rapida")`.