Prompts de IA para Programação e Web Design

Acelere seu desenvolvimento, corrija bugs e crie interfaces incríveis. Substitua [ ] pelo seu código ou funcionalidade.

PHP

Refatoração para Clean Code

Atue como um Desenvolvedor PHP Sênior. Refatore o seguinte código para torná-lo mais legível, performático e seguindo as PSRs: [COLAR SEU CÓDIGO]. Explique as mudanças feitas.

PHP

Conexão Segura com Banco de Dados

Crie uma classe PHP usando PDO para conectar a um banco de dados MySQL. Inclua métodos para Insert, Update e Delete usando Prepared Statements para evitar SQL Injection.

PHP

Debug de Script SMTP

Meu script de envio de e-mail em PHP não está funcionando: [COLAR CÓDIGO]. Verifique possíveis erros de configuração SMTP, headers ausentes ou problemas com o PHPMailer.

CSS

Layout Responsivo com Flexbox/Grid

Crie o código CSS para um layout de [NÚMERO] colunas que seja totalmente responsivo. Use CSS Grid para desktop e mude para Flexbox em dispositivos móveis abaixo de 768px.

CSS

Animações Modernas de Hover

Gere um efeito de hover moderno para botões usando apenas CSS. Quero uma transição suave de cor, um leve aumento de escala e uma sombra interna (box-shadow).

JavaScript

Validação de Formulário Front-end

Crie um script em Vanilla JS para validar um formulário de contato. Verifique se o e-mail é válido, se o campo telefone tem 11 dígitos e exiba mensagens de erro dinâmicas.

JavaScript

Consumo de API com Fetch

Escreva uma função assíncrona (async/await) em JavaScript para buscar dados da API [URL]. Exiba os resultados em uma lista HTML e trate erros de conexão com try/catch.

HTML

Estrutura Semântica para SEO

Converta este layout visual em HTML5 semântico: [DESCREVER LAYOUT]. Certifique-se de usar tags como header, nav, main, section, article e footer para melhorar o ranqueamento no Google.

HTML

Tabela de Preços Acessível

Crie o código HTML para uma tabela de preços comparativa. A tabela deve ser acessível para leitores de tela e fácil de estilizar para planos "Básico", "Pro" e "Enterprise".

Debug

Localizador de "Ponto e Vírgula"

Estou recebendo um erro de sintaxe neste código, mas não encontro o erro: [COLAR CÓDIGO]. Analise linha por linha e identifique parênteses, chaves ou aspas não fechadas.

PHP

Gerador de Sitemap XML Dinâmico

Crie um script PHP que percorra uma pasta de arquivos ou uma tabela do banco de dados e gere um arquivo sitemap.xml válido. Inclua as tags loc, lastmod e changefreq.

PHP

Sistema de Login com Sessão Segura

Escreva um código PHP para processar um login. Use password_verify para checar o hash da senha, inicie uma sessão segura (session_start) e regenere o ID da sessão para evitar fixação.

PHP

Manipulação de JSON e APIs

Como converter um array multidimensional em PHP para JSON e vice-versa? Mostre como tratar erros de decodificação e como enviar esse JSON com o header 'Content-Type: application/json'.

CSS

Centralização Absoluta (O Guia Definitivo)

Mostre as 3 melhores formas modernas de centralizar uma div horizontal e verticalmente: usando Flexbox, CSS Grid e Position Absolute com Transform.

CSS

Variáveis CSS (Custom Properties)

Explique como usar variáveis CSS (:root) para criar um sistema de temas (Light/Dark Mode). Crie um exemplo onde as cores mudam ao alterar apenas o valor das variáveis.

CSS

Estilização de Scrollbar

Gere o código CSS para personalizar a barra de rolagem (scrollbar) do navegador. Quero que ela seja fina, com cantos arredondados e na cor [COR].

JavaScript

Manipulação de LocalStorage

Crie uma função em JavaScript para salvar as preferências de um usuário (como nome e tema) no LocalStorage. Mostre também como recuperar esses dados ao recarregar a página.

JavaScript

Efeito de Digitação (Typewriter)

Escreva um script simples em JS que simule uma máquina de escrever, exibindo o texto "[SEU TEXTO]" caractere por caractere em um elemento HTML com ID 'output'.

JavaScript

Debounce para Barra de Busca

Crie uma função de Debounce em JavaScript para otimizar uma barra de busca. A função deve aguardar [X]ms após o usuário parar de digitar antes de disparar a requisição API.

HTML

Meta Tags de Redes Sociais (Open Graph)

Gere o bloco de meta tags necessário para que, ao compartilhar meu site no WhatsApp e Facebook, apareçam a imagem correta, o título e a descrição personalizada.

HTML

Formulário de Upload de Arquivos

Crie um formulário HTML para upload de arquivos (imagens). Certifique-se de usar o atributo 'enctype' correto e adicione uma restrição para aceitar apenas arquivos .jpg e .png.

Performance

Otimização de Carregamento (Lazy Load)

Como implementar o carregamento tardio (Lazy Loading) em imagens e iframes usando apenas atributos nativos do HTML5? Explique por que isso melhora o Core Web Vitals.

Segurança

Prevenção de Ataques XSS

Como sanitizar inputs de usuários no PHP antes de exibi-los no HTML para evitar ataques Cross-Site Scripting (XSS)? Mostre o uso de htmlspecialchars().

PHP

Paginação de Resultados Dinâmica

Crie um script PHP que realize a paginação de uma lista de produtos vinda do MySQL. Calcule o total de páginas e crie os links 'Anterior' e 'Próximo' de forma funcional.

PHP

Upload de Múltiplas Imagens com Redimensionamento

Escreva um código PHP para processar o upload de várias imagens ao mesmo tempo. O script deve renomear os arquivos para evitar duplicidade e salvar em uma pasta específica.

PHP

Integração de Webhook (JSON)

Crie um arquivo PHP 'receptor' para um Webhook. Ele deve ler o corpo da requisição em JSON usando file_get_contents('php://input'), decodificar e salvar os logs em um arquivo .txt.

JS

Filtro de Busca em Tempo Real

Crie um script JS que filtre uma lista de itens na tela enquanto o usuário digita em um input. O filtro deve esconder os elementos que não correspondem ao texto digitado.

JS

Dark Mode com Persistência

Desenvolva um alternador de tema (Claro/Escuro) em JavaScript que salve a escolha do usuário no LocalStorage, para que a preferência seja mantida ao recarregar o site.

JS

Máscara de Campo de CPF/Telefone

Crie uma função JS que aplique uma máscara de [CPF ou TELEFONE] automaticamente enquanto o usuário digita, impedindo a entrada de caracteres não numéricos.

CSS

Menu Mobile 'Hamburger' Sem JS

Como criar um menu lateral (off-canvas) responsivo usando apenas HTML e CSS (técnica do checkbox hack), sem depender de JavaScript?

CSS

Cards com Efeito Glassmorphism

Gere o código CSS para um card com efeito de vidro fosco (Glassmorphism). Use backdrop-filter blur, transparência e uma borda sutil para um visual moderno.

CSS

Grid de Imagens tipo 'Pinterest'

Crie um layout de galeria estilo alvenaria (Masonry) usando CSS Columns ou CSS Grid, onde as imagens tenham alturas diferentes mas se encaixem perfeitamente.

HTML

Configuração de Favicons Modernos

Gere o código HTML completo para incluir favicons compatíveis com todos os navegadores, iPhones (Apple Touch Icon) e Android (Manifest JSON).

SEO

Estrutura de Dados Schema.org (JSON-LD)

Crie um script JSON-LD para um [PRODUTO ou ARTIGO]. Isso ajudará o Google a exibir Rich Snippets (estrelas de avaliação e preço) nos resultados de busca.

htaccess

Redirecionamento HTTPS e Remover .php

Escreva as regras para o arquivo .htaccess que forçam o uso de HTTPS e ocultam a extensão .php das URLs do site (ex: de 'contato.php' para apenas '/contato').

Debug

Otimização de Query SQL

Analise esta consulta SQL: [SUA QUERY]. Ela está lenta em uma tabela com muitos registros. Sugira onde criar índices e como reescrever para ganhar performance.

Performance

Minificação de Assets (Gulp/Webpack)

Como automatizar a minificação de arquivos CSS e JS para reduzir o tempo de carregamento do site? Sugira uma ferramenta simples ou um script para fazer isso.

Segurança

Proteção contra Brute Force no Login

Como implementar um bloqueio temporário de IP após [X] tentativas falhas de login usando PHP e banco de dados para evitar ataques de força bruta?

Server

Configuração de Cabeçalhos de Cache

Gere o código para o .htaccess que define o tempo de cache (Expires Headers) para imagens, CSS e JS, visando melhorar a nota no Google PageSpeed.

API

Integração com API do Google Maps

Crie o código JS para exibir um mapa centralizado em uma coordenada específica, com um marcador personalizado e uma janela de informações (InfoWindow).

Email

Template de E-mail HTML Responsivo

Crie a estrutura básica de um e-mail marketing em HTML que funcione no Outlook e Gmail. Use tabelas para garantir que o layout não quebre em dispositivos móveis.