#Tailwind
17 entradas
Prompt para Adicionar Modo Escuro com Tailwind CSS v4
Prompt de agente de IA para adicionar modo escuro sensível ao sistema a um aplicativo Next.js usando variáveis CSS do Tailwind CSS v4 e next-themes, sem flash ao carregar.
Prompt para Construir um Diretório de Ferramentas de IA com Next.js
Prompt para agente de IA construir um diretório pesquisável de ferramentas de IA com Next.js, usando arquivos de dados MDX, filtros de categoria e geração estática.
Prompt para criar uma página de preços SaaS em Next.js
Prompt de IA copiável para criar uma página de preços SaaS em Next.js com Tailwind, alternância de cobrança e dados de plano prontos para Stripe.
Prompt para construir um site SEO estático com Astro
Prompt copiável para scaffolding de um site estático Astro totalmente otimizado com coleções de conteúdo, sitemap, og-images e TypeScript.
Prompt para criar um Dashboard Administrativo em Next.js
Prompt para agente de IA construir um dashboard administrativo protegido em Next.js com tabelas de dados, guards de autenticação no servidor e layout com barra lateral usando Tailwind.
Regras do AGENTS.md para um Site Estático Astro
Um AGENTS.md pronto para usar em sites estáticos Astro que mantém agentes de IA no stack, evita desvio de SSR e impõe convenções de coleção de conteúdo.
Regras do AGENTS.md para um aplicativo SaaS Next.js
Um AGENTS.md pronto para uso que mantém os agentes de codificação de IA no stack e na convenção em uma base de código SaaS Next.js.
Regras de Codificação de IA para Performance de Sites Estáticos
Regras do AGENTS.md para performance de sites estáticos que impõem Core Web Vitals, otimização de imagens, carregamento de fontes e impedem que agentes enviem recursos que bloqueiam a renderização.
Regras do Cursor para Tailwind CSS e shadcn/ui
Regras do Cursor que aplicam convenções do Tailwind v4 e padrões de componentes shadcn/ui, evitando que agentes reinventem primitivas que já existem.
Prompt-to-PR: Adicionar Página de Preços
SOP para gerar uma página de preços de produção com alternância mensal/anual, matriz de recursos e links de Stripe Checkout em um projeto Next.js Tailwind.
Prompt-to-PR: Adicionar Tabela de Dados Administrativa
POP para adicionar uma tabela de dados administrativa paginada no servidor, ordenável e pesquisável em Next.js usando TanStack Table e consulta PostgreSQL — sem mágica de ORM.
Prompt-to-PR: Adicionar Modo Escuro
SOP completa para adicionar modo escuro sem cintilação a um aplicativo Next.js Tailwind usando next-themes — estratégia de classe, preferência do sistema e alternância persistida.
Prompt-to-PR: Construa um Site SEO Estático com Astro
SOP completo para scaffolding de um site SEO estático orientado a conteúdo com Astro, Tailwind, MDX content collections, sitemap e tags canônicas do zero.
Checklist para Revisão de UI Tailwind Gerada por IA
Uma checklist de revisão humana para componentes de UI Tailwind CSS escritos por agentes de codificação de IA — acessibilidade, responsividade, modo escuro e segurança de purge.
Diretório de Ferramentas de IA — Pacote de Contexto
Pacote de contexto copiável para um site de diretório de ferramentas de IA construído com Astro e PostgreSQL, para que agentes entendam o fluxo de submissão, sistema de tags e modelo de conteúdo desde o primeiro prompt.
Astro Static SEO Site — Pacote de Contexto
Um pacote de contexto copiável que descreve um site SEO estático Astro para que um agente de IA possa trabalhar nele corretamente desde o primeiro prompt.
Next.js SaaS Starter — Pacote de Contexto
Pacote de contexto copiável para um aplicativo SaaS Next.js com App Router, Better Auth, faturamento Stripe e Postgres para que seu agente de IA funcione corretamente desde o primeiro prompt.