React + Next.js performance: 64 reglas en 8 categorías (waterfalls, bundle, server, client fetching, re-render, rendering, JS, advanced) priorizadas por impacto, de Vercel Engineering. Usar al escribir/optimizar React o Next.js.
The English summary is being prepared. Showing the original description.
Run score Not tested
See how to installReview the instructions the agent will receive before you install.
64 reglas de optimización de performance para React y Next.js, de Vercel Engineering, organizadas en 8 categorías priorizadas de CRITICAL a LOW. Detalle por categoría en references/.
Diagnóstico dirigido por métricas, no aplicar las 64 reglas a ciegas (este es el enfoque vercel-optimize: medir primero, optimizar solo lo que las métricas señalan).
| Prioridad | Categoría | Impacto | Reference |
|---|---|---|---|
| 1 | Eliminating Waterfalls | CRITICAL | references/waterfalls.md |
| 2 | Bundle Size Optimization | CRITICAL | references/bundle-size.md |
| 3 | Server-Side Performance | HIGH | references/server.md |
| 4 | Client-Side Data Fetching | MEDIUM-HIGH | references/client-fetching.md |
| 5 | Re-render Optimization | MEDIUM | references/rerender.md |
| 6 | Rendering Performance | MEDIUM | references/rendering.md |
| 7 | JavaScript Performance | LOW-MEDIUM | references/javascript.md |
| 8 | Advanced Patterns | LOW | references/advanced.md |
Aplicar la regla, re-medir. Si la métrica no mejoró, revertir y subir de categoría — no acumular micro-optimizaciones sin impacto medible.
Promise.all), no en cascada'use client' empujado abajo en el árbolnext/dynamicnext/image + generateMetadata + resource hints donde correspondeSi todo el checklist pasa → optimización COMPLETE. Antes de escribir cambios significativos, confirmar el approach con el usuario (Question → Decision → Approval).
| Métrica mala | Categoría |
|---|---|
| TTFB / tiempo de respuesta del server | Waterfalls, Server |
| First Load JS / TBT alto | Bundle Size |
| INP / jank en interacción | Re-render, JS |
| LCP | Rendering, Bundle, Server |
| CLS / flicker en hydration | Rendering |
Adaptado de vercel-labs/agent-skills (react-best-practices, MIT, © Vercel). 64 reglas priorizadas por impacto, reorganizadas al formato skill+references de Arcane.
No reviews yet. Tell others what you thought.
No login needed. Share how it worked for you, ask a question, or note where it did not run.
No comments yet. Be the first to write one.
Plan, design, and implement A/B tests and experiments with statistical rigor. Covers hypothesis frameworks, sample sizing, metrics, and result analysis.
The English summary is being prepared. Showing the original description.
Web/mobile accessibility decision guide: WCAG 2.2 AA, ARIA, keyboard nav, focus management, contrast, testing. Use for: a11y, accessibility, wcag, aria, screen reader, keyboard, contrast.
The English summary is being prepared. Showing the original description.
Generate, iterate, and scale ad creative for paid advertising across Google, Meta, LinkedIn, and X. Covers platform specs, creative frameworks, and quality validation.
The English summary is being prepared. Showing the original description.
Musica interactiva para juegos: layering vertical, re-secuenciacion horizontal, stingers, reglas de transicion con sync points, y mapeo de estados de gameplay a musica. Usar para: musica adaptativa, sistema de musica dinamica, transiciones musicales, combat music.
The English summary is being prepared. Showing the original description.
Design multi-agent systems, create agent architectures, define communication patterns, and build autonomous agent workflows with structured evaluation frameworks.
The English summary is being prepared. Showing the original description.
Inter-agent communication protocol for C-suite agent teams. Defines invocation syntax, loop prevention, isolation rules, response formats, and quality loops.
The English summary is being prepared. Showing the original description.