#Tailwind
17 entradas
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 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 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.
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 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 Cursor para Tailwind CSS y shadcn/ui
Reglas de Cursor que imponen las convenciones de Tailwind v4 y los patrones de componentes de shadcn/ui, evitando que los agentes reinventen primitivas que ya existen.
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 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: 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: 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.
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.
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.
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.