web-development

Guía integral de optimización de rendimiento para React y Next.js con más de 40 reglas para eliminar cascadas, optimizar paquetes y mejorar el renderizado. Úsela al optimizar aplicaciones React, revisar el rendimiento o refactorizar componentes.

Optimizar el rendimiento del sitio web y de las aplicaciones web, incluyendo la velocidad de carga, Core Web Vitals, tamaño del paquete, estrategias de caché y rendimiento en tiempo de ejecución

Auditor y corrector técnico de SEO. Realiza auditorías Lighthouse/PageSpeed en sitios web o servidores de desarrollo locales, analiza las puntuaciones de SEO/rendimiento/accesibilidad y aplica automáticamente correcciones para metaetiquetas, datos estructurados, Core Web Vitals y problemas de accesibilidad.

Planifica y construye endpoints de FastAPI listos para producción con SQLAlchemy asíncrono, modelos Pydantic v2, inyección de dependencias para autenticación y pruebas con pytest. Utiliza una planificación orientada a entrevistas para clarificar los modelos de datos, el método de autenticación, la estrategia de paginación y el almacenamiento en caché antes de escribir cualquier código.

Raspado profundo de la web, capturas de pantalla, análisis de PDF y rastreo de sitios web utilizando la API de Firecrawl

|

Patrones expertos para el desarrollo de aplicaciones Shopify que incluyen aplicaciones Remix/React Router, aplicaciones integradas con App Bridge, manejo de webhooks, API GraphQL Admin, componentes Polaris, facturación y extensiones de aplicaciones. Usar cuando: shopify app, shopify, aplicación integrada, polaris, app bridge.

Búsqueda web, extracción de contenido, rastreo y capacidades de investigación utilizando la API de Tavily

Gestiona los componentes y proyectos de shadcn/ui, proporcionando contexto, documentación y patrones de uso para construir sistemas de diseño modernos.

Construya sistemas de diseño listos para producción con Tailwind CSS, incluyendo tokens de diseño, variantes de componentes, patrones responsivos y accesibilidad.

Patrones integrales para la arquitectura App Router de Next.js 14+, Componentes del Servidor y desarrollo moderno de React full-stack.

Construya Aplicaciones Web Progresivas (PWAs) con soporte sin conexión, capacidad de instalación y estrategias de almacenamiento en caché. Se activa cada vez que el usuario menciona PWA, service workers, web app manifests, Workbox, 'add to home screen' o desea que su aplicación web funcione sin conexión, se sienta nativa o sea instalable.

Búsqueda semántica, descubrimiento de contenido similar e investigación estructurada utilizando Exa API

Usar cuando el usuario necesita capacidades que Claude no tiene (generación de imágenes, datos en tiempo real de X/Twitter) o solicita explícitamente modelos externos ("blockrun", "use grok", "use gpt", "dall-e", "deepseek")

Diagnosticar componentes React lentos y sugerir correcciones de rendimiento específicas.

Patrones listos para producción para el desarrollo de React Native con Expo, incluyendo navegación, gestión de estado, módulos nativos y arquitectura offline-first.

Domina la gestión moderna del estado en React con Redux Toolkit, Zustand, Jotai y React Query. Úsalo al configurar el estado global, gestionar el estado del servidor o elegir entre soluciones de gestión de estado.

Patrones expertos para Segment Customer Data Platform que incluyen Analytics.js, seguimiento del lado del servidor, planes de seguimiento con Protocolos, resolución de identidad, configuración de destinos y mejores prácticas de gobernanza de datos. Usar cuando: segment, analytics.js, customer data platform, cdp, tracking plan.

Experto en Upstash QStash para colas de mensajes serverless, trabajos programados y entrega confiable de tareas basadas en HTTP sin gestionar infraestructura. Usar cuando: qstash, cola upstash, cron serverless, http programado, cola de mensajes serverless.

Construye sitios web enfocados en contenido con Astro — cero JS por defecto, arquitectura de islas, componentes multi-framework y soporte para Markdown/MDX.

Experto en Zod — validación de esquemas con TypeScript como prioridad. Cubre análisis, errores personalizados, refinamientos, inferencia de tipos e integración con React Hook Form, Next.js y tRPC.

Experto en la creación de extensiones de Chrome utilizando Manifest V3. Cubre scripts de fondo, service workers, content scripts y comunicación entre contextos.

Experto en TanStack Query (React Query) — gestión de estado asíncrono. Cubre la obtención de datos, configuración de tiempo de obsolescencia, mutaciones, actualizaciones optimistas e integración con Next.js App Router (SSR).

Domina el desarrollo de aplicaciones de escritorio con Electron utilizando IPC seguro, contextIsolation, scripts preload, arquitectura multiproceso, empaquetado con electron-builder, firma de código y actualización automática.

Desplegar aplicaciones Expo a producción

Construye aplicaciones web full-stack con SvelteKit — enrutamiento basado en archivos, SSR, SSG, rutas API y acciones de formularios en un solo framework.

Crea stores de Zustand siguiendo patrones establecidos con tipos adecuados de TypeScript y middleware.

Construye APIs web ultrarrápidas y aplicaciones full-stack con Hono — funciona en Cloudflare Workers, Deno, Bun, Node.js y cualquier entorno compatible con WinterCG.

Experto en Drizzle ORM para TypeScript — diseño de esquemas, consultas relacionales, migraciones e integración de bases de datos serverless. Úsalo al construir capas de base de datos con tipado seguro usando Drizzle.