Acelerar React
Corrige el rendimiento por prioridad
Destacado
Vercel React Best Practices
Cursor · Claude · Codex · Grok
Aplica por prioridad las reglas de rendimiento de React y Next.js, no un «optimízalo» vacío.
Agent Skills: Programación
Arquitectura, depuración, React, Vue y reglas del código.
Buscar el bug
Primero se reproduce, luego se cambia
Diagnosing Bugs
Claude · Cursor · Codex · Grok
Arma primero un ciclo cerrado y corto antes de conjeturar: reproduce, aísla y luego parchea.
Trazar los módulos
Interfaz pequeña y la conducta detrás
Codebase Design
Claude · Grok · Codex
Diseña módulos profundos: interfaces pequeñas que esconden mucho comportamiento, con pruebas en las juntas.
Fijar los términos
Fija los nombres antes del código
Domain Modeling
Claude · Cursor · Grok
Anota los términos, los invariantes y las decisiones antes de que el código fije los sustantivos equivocados.
Escribir bien Vue
API vigente y menos alucinación
Vue Best Practices
Cursor · Claude · Codex
Corta las alucinaciones de Vue 3: API vigente, estilo de composición y los errores que los modelos siguen repitiendo.
Probar la web
Abre, haz clic y caza la regresión
Webapp Testing
Claude · Cursor · Codex · Cualquier agente
Conduce aplicaciones web locales con Playwright: abre páginas, recorre caminos de clics y caza regresiones.
Componer los componentes
Menos montón de props
Vercel Composition Patterns
Cursor · Claude · Codex · Grok
Organiza los componentes de React por composición, no con un árbol de herencia que amontona props.
Hacer la app
Escríbelo para el móvil, no copies la web
Vercel React Native Skills
Cursor · Claude · Codex
Escribe React Native con una guía que prioriza el móvil, no copiando a ciegas los hábitos de React para la web.
Conectar el pago
Checkout y Webhook
Stripe Best Practices
Cursor · Claude · Codex · Cualquier agente
Integra Stripe con cuidado: Checkout, Webhook, idempotencia, y las claves no entran en el cliente.
Primero el test
Primero falla, luego pasa, luego se ordena
Test-Driven Development
Claude · Cursor · Codex · Grok
Sigue rojo-verde-refactor: primero un test que falla y luego el código mínimo que lo hace pasar.