#Codex
58 entradas
Prompt para agregar Better Auth a Next.js con PostgreSQL
Un prompt de copiar y pegar para agregar Better Auth y manejo de sesiones con PostgreSQL a un proyecto Next.js App Router.
Indicación para agregar carga de archivos a Cloudflare R2
Indicación de IA para copiar y pegar y agregar URLs de carga presignadas de Cloudflare R2 a un proyecto de Next.js App Router con validación del lado del servidor.
Indicación para agregar modo oscuro con Tailwind CSS v4
Indicación para agente de IA para agregar modo oscuro consciente del sistema a una aplicación Next.js usando variables CSS de Tailwind CSS v4 y next-themes, sin destello al cargar.
Prompt para añadir búsqueda de texto completo en PostgreSQL
Prompt de IA para copiar y pegar que añade búsqueda de texto completo nativa de PostgreSQL con tsvector, índice GIN y resultados clasificados a una aplicación Next.js existente.
Prompt para agregar un Sitemap y robots.txt
Prompt de agente de IA para agregar un sitemap.xml generado dinámicamente y un robots.txt correcto a un proyecto de Next.js o Astro para mejorar la indexación en buscadores.
Prompt para añadir Stripe Checkout a una aplicación Next.js
Prompt para agente de IA para añadir Stripe Checkout con manejo de webhooks, portal de cliente y estado de suscripción a un proyecto Next.js App Router.
Indicación para construir un proxy de API de Cloudflare Worker
Indicación de IA para copiar y pegar con el fin de construir un Worker de Cloudflare que haga de proxy, limite la tasa de llamadas API externas, añada encabezados de autenticación y almacene en caché las respuestas.
Prompt para Construir un Directorio de Herramientas de IA con Next.js
Prompt para agente de IA para construir un directorio de herramientas de IA en Next.js con archivos de datos MDX, filtros de categoría y generación estática.
Prompt para crear una página de precios SaaS en Next.js
Prompt de IA para copiar y pegar y crear una página de precios SaaS en Next.js con Tailwind, alternancia de facturación y datos de planes listos para Stripe.
Indicación para crear un sitio SEO estático con Astro
Indicación lista para copiar y pegar para crear un sitio estático Astro completamente optimizado con colecciones de contenido, mapa del sitio, imágenes OG y TypeScript.
Prompt para crear un flujo de trabajo de despliegue con GitHub Actions
Prompt para agente de IA para generar un flujo de trabajo CI/CD de producción con GitHub Actions para una app Next.js que incluya pasos de verificación de tipos, pruebas, compilación y despliegue.
Prompt para crear un panel de administración en Next.js
Prompt para agente de IA para construir un panel de administración protegido en Next.js con tablas de datos, protecciones de autenticación del lado del servidor y un diseño de barra lateral usando Tailwind.
Prompt para generar imágenes OG en tiempo de compilación
Prompt de agente de IA para generar imágenes Open Graph por página en tiempo de compilación en Astro o Next.js usando Satori y sharp, sin servicio externo.
Prompt para migrar una app de Next.js 14 a Next.js 16
Prompt estructurado de agente de IA para migrar un proyecto de Next.js 14 App Router a Next.js 16 con manejo de cambios disruptivos y pasos incrementales.
Prompt para Refactorizar un Componente de React de Forma Segura
Prompt de agente de IA estructurado para refactorizar un componente React complejo con un ciclo de lectura-auditoría-refactorización-verificación que previene regresiones.
Reglas de AGENTS.md para un sitio estático de Astro
Un AGENTS.md listo para usar para sitios estáticos de Astro que mantiene a los agentes de IA en la pila, evita la deriva SSR y hace cumplir las convenciones de colección de contenido.
Reglas de AGENTS.md para una aplicación SaaS de Next.js
Un AGENTS.md listo para usar que mantiene a los agentes de codificación de IA dentro de la pila y las convenciones en un código base SaaS de Next.js.
Reglas de Codificación de IA para Autenticación y Seguridad
Reglas de AGENTS.md para autenticación y seguridad que evitan que los agentes implementen criptografía personalizada, filtren secretos o omitan verificaciones de autorización.
Reglas de Codificación de IA para Aplicaciones con PostgreSQL
Reglas de AGENTS.md para aplicaciones respaldadas por PostgreSQL que cubren seguridad de consultas, disciplina de migraciones, convenciones de indexación y prevención de consultas N+1 por parte de agentes.
Reglas de codificación de IA para sitios de contenido SEO
Reglas de AGENTS.md para sitios de contenido centrados en SEO que previenen metadatos duplicados, aplican datos estructurados y evitan que los agentes rompan la capacidad de rastreo.
Reglas de Codificación con IA para el Rendimiento de Sitios Estáticos
Reglas de AGENTS.md para el rendimiento de sitios estáticos que aplican Core Web Vitals, optimización de imágenes, carga de fuentes y evitan que los agentes envíen recursos que bloquean el renderizado.
Reglas de codificación AI para proyectos TypeScript estrictos
Reglas de AGENTS.md para proyectos TypeScript en modo estricto que eliminan tipos any, imponen patrones de estrechamiento y evitan que los agentes compilen código incorrecto.
Reglas de Claude Code para proyectos Prisma
Reglas de Claude Code para proyectos de Prisma ORM que cubren seguridad de migraciones, patrones de consultas, carga de relaciones y prevención de que los agentes corrompan el esquema.
Reglas de Codex para Cloudflare Workers
Reglas de Codex para proyectos de Cloudflare Workers que previenen el uso de la API de Node.js, aplican patrones de enlace y mantienen a los agentes dentro de las restricciones del runtime de Workers.
Prompt-to-PR: Añadir una Página de Precios
SOP para generar una página de precios de producción con alternancia mensual/anual, matriz de funciones y enlaces a Stripe Checkout en un proyecto Next.js Tailwind.
Prompt-to-PR: Agregar un Sitemap y robots.txt
SOP para agregar un sitemap XML dinámico y robots.txt a un proyecto Next.js o Astro — lastmod, prioridad y reglas de rastreo correctas para SEO en producción.
Prompt-to-PR: Agregar una tabla de datos de administración
Procedimiento estándar para agregar una tabla de datos de administración paginada, ordenable y con búsqueda del lado del servidor en Next.js usando TanStack Table y una consulta PostgreSQL — sin magia de ORM.
Prompt-to-PR: Agregar Better Auth a una App de Next.js
SOP completo para integrar Better Auth en un proyecto Next.js App Router — sesiones, correo/contraseña, OAuth y protección de middleware en un solo paso.
Prompt-to-PR: Agregar carga de archivos a Cloudflare R2
Procedimiento operativo estándar de extremo a extremo para conectar cargas presignadas de R2 en una aplicación Next.js o Cloudflare Workers — enlace de bucket, URLs presignadas y flujo de carga del cliente.
Prompt-to-PR: Añadir Modo Oscuro
SOP completo para añadir modo oscuro sin parpadeo a una aplicación Next.js Tailwind usando next-themes — estrategia de clase, preferencia del sistema y alternancia persistente.
Prompt-to-PR: Añadir búsqueda de texto completo en PostgreSQL
Procedimiento operativo estándar para añadir búsqueda de texto completo nativa de PostgreSQL con tsvector, índice GIN, ts_rank y una API de búsqueda de Next.js — sin necesidad de un servicio de búsqueda de terceros.
Prompt-to-PR: Construye un sitio SEO estático con Astro
SOP completo para crear desde cero un sitio SEO estático basado en contenido con Astro, Tailwind, colecciones de contenido MDX, mapa del sitio y etiquetas canónicas.
Prompt-to-PR: Migrar de Next.js 14 a 16
Guía paso a paso para migrar un proyecto Next.js 14 con App Router a Next.js 16 — cubre Turbopack, React 19, APIs asíncronas y cambios en el almacenamiento en caché.
Lista de verificación para revisar rutas de API generadas por IA
Una lista de verificación para revisión humana de rutas de API REST y RPC escritas por agentes de codificación de IA: autenticación, validación de entrada, limitación de velocidad y manejo de errores.
Lista de verificación para revisar código de autenticación generado por IA
Una lista de verificación de revisión humana para código de autenticación escrito por agentes de IA — sesiones, JWTs, flujos OAuth y lógica de autorización para aplicaciones web.
Lista de verificación para revisar Workers de Cloudflare generados por IA
Una lista de verificación para revisión humana del código de Cloudflare Workers escrito por agentes de codificación de IA: límites de tiempo de ejecución, KV, D1, vinculaciones y seguridad en el borde.
Lista de verificación para revisar acciones de GitHub generadas por IA
Una lista de verificación para revisión humana de flujos de trabajo de GitHub Actions escritos por agentes de codificación de IA: exposición de secretos, ataques a la cadena de suministro, permisos y seguridad de implementación.
Lista de verificación para revisar código Next.js generado por IA
Una lista de verificación de revisión humana para código Next.js escrito por agentes de codificación de IA — App Router, Server Components, obtención de datos y corrección de despliegue.
Lista de verificación para revisar migraciones de Prisma generadas por IA
Una lista de verificación para revisión humana de cambios y migraciones del esquema de Prisma escritas por agentes de codificación de IA: pérdida de datos, bloqueos y operaciones irreversibles.
Lista de verificación para revisar páginas SEO generadas por IA
Una lista de verificación para revisión humana de páginas orientadas a SEO escritas por agentes de codificación de IA: metadatos, datos estructurados, URLs canónicas y Core Web Vitals para Astro y Next.js.
Lista de verificación para revisar consultas SQL generadas por IA
Una lista de verificación humana para SQL escrita por agentes de codificación de IA: corrección, inyección, rendimiento y migraciones.
Lista de verificación para revisar código de Stripe generado por IA
Una lista de verificación de revisión humana para el código de integración de Stripe escrito por agentes de codificación de IA: seguridad de webhooks, idempotencia, condiciones de carrera y flujos de pago.
Lista de verificación para revisar UI de Tailwind generada por IA
Una lista de verificación de revisión humana para componentes de UI de Tailwind CSS escritos por agentes de codificación de IA: accesibilidad, capacidad de respuesta, modo oscuro y seguridad de purga.
Cómo solucionar que la IA rompa el runtime de Cloudflare Workers
Los agentes de IA importan módulos integrados de Node.js como fs, crypto y path en Cloudflare Workers, lo que provoca errores de ejecución porque el runtime de Workers no es Node.js.
Cómo solucionar los errores de hidratación en React causados por IA
Los agentes de IA generan componentes de React que renderizan HTML diferente en el servidor y el cliente, lo que provoca errores de hidratación y una interfaz rota en la primera carga.
Cómo solucionar que la IA olvide la validación de variables de entorno
Los agentes de IA leen los valores de process.env directamente sin validación, lo que provoca errores silenciosos de undefined y la ausencia de errores de inicio cuando faltan variables de entorno.
Cómo corregir relaciones inválidas de Prisma generadas por IA
Los agentes de IA generan relaciones de esquema Prisma con relaciones inversas faltantes, acciones referenciales incorrectas o tipos de campo no coincidentes que fallan en prisma validate y prisma migrate.
Cómo solucionar que la IA ignore los metadatos SEO
Los agentes de IA generan páginas de Next.js y Astro sin etiquetas de título, metadatos de Open Graph ni URL canónicas, entregando páginas invisibles para los motores de búsqueda y los rastreadores sociales.
Cómo Solucionar que los Agentes de Codificación de IA Inventen Paquetes npm Falsos
Por qué los agentes de IA alucinan paquetes npm que no existen, cómo detectarlo y cómo detenerlo.
Cómo solucionar el uso excesivo de useEffect por parte de la IA
Los agentes de IA recurren a useEffect para manejar estado derivado, transformaciones de eventos y obtención de datos que en su lugar deberían usar useMemo, manejadores de eventos o Server Components.
Cómo evitar que la IA coloque código del servidor en componentes del cliente
Los agentes de IA filtran consultas a la base de datos, variables de entorno secretas y APIs de Node.js en componentes 'use client', exponiendo lógica del servidor al bundle del navegador.
Cómo corregir los agentes de codificación de IA que usan APIs obsoletas de Next.js
Los agentes de IA generan con frecuencia código de Next.js utilizando patrones obsoletos de Pages Router, getServerSideProps y APIs eliminadas que rompen los proyectos de App Router.
Cómo corregir el SQL inseguro escrito por IA
Los agentes de IA crean consultas SQL con interpolación de cadenas en lugar de declaraciones parametrizadas, introduciendo vulnerabilidades de inyección SQL en el código de base de datos en producción.
Directorio de Herramientas de IA — Paquete de Contexto
Paquete de contexto copiable para un sitio de directorio de herramientas de IA construido con Astro y PostgreSQL, para que los agentes entiendan el flujo de envío, el sistema de etiquetado y el modelo de contenido desde el primer mensaje.
Sitio SEO Estático Astro — Paquete de Contexto
Un paquete de contexto copiable que describe un sitio SEO estático de Astro para que un agente de IA pueda trabajar en él correctamente desde el primer prompt.
Aplicación de Cloudflare Workers — Paquete de Contexto
Paquete de contexto copiable para una aplicación de Cloudflare Workers con D1, KV, R2 y Hono, para que tu agente de IA comprenda las restricciones del runtime de edge desde el primer prompt.
Next.js SaaS Starter — Paquete de contexto
Paquete de contexto copiable para una aplicación SaaS de Next.js con App Router, Better Auth, facturación de Stripe y Postgres para que tu agente de IA funcione correctamente desde el primer mensaje.
Aplicación de Búsqueda PostgreSQL - Paquete de Contexto
Paquete de contexto copiable para una aplicación de búsqueda de texto completo y vectorial respaldada por PostgreSQL con pgvector, para que su agente de IA escriba código SQL y de migración correcto desde el principio.