Sites & Landing Pages
Qualquer IA
Portfólio profissional em HTML com filtros e dark mode
Portfólio responsivo em HTML com projetos filtráveis, dark mode, experiência e contato, sem frameworks.
0cópias
0joinhas
0favoritos
O prompt
Crie uma página de portfólio profissional em um único arquivo HTML (CSS + JS embutidos, sem frameworks) para {{nome_dev}}.
Parâmetros:
- Nome do Desenvolvedor: {{nome_dev}}
- Stack Principal: {{stack_principal}} (ex.: 'TypeScript, React, Node.js')
- Cor de Destaque: {{cor_destaque}}
Requisitos:
1. Hero com nome, título ('Desenvolvedor(a) Full-Stack'), frase curta de posicionamento e 2 CTAs ('Ver projetos' âncora + 'Entrar em contato'); foto/avatar circular à direita.
2. Seção de projetos: grid responsivo (3 colunas desktop, 1 mobile) com cards contendo título, descrição de 2 linhas, tags da stack usada e links (demo + código). Filtros por tecnologia como chips clicáveis (Todos + as stacks de {{stack_principal}}), filtrando sem recarregar.
3. Seção 'Sobre' com bio curta, lista de habilidades em barras ou badges e linha do tempo de experiência (3 itens).
4. Dark mode: toggle no header alternando claro/escuro, persistido em localStorage e respeitando prefers-color-scheme na primeira visita; variáveis CSS para toda a paleta.
5. Seção de contato com formulário simples (nome, e-mail, mensagem) que abre o mailto preenchido ao enviar + links para GitHub/LinkedIn/e-mail.
6. Acessibilidade: navegação por teclado, aria-labels nos filtros, contraste AA nos dois temas; animações sutis no scroll (IntersectionObserver).
Como usar
- Abra o Qualquer IA (ou qualquer IA moderna) em uma nova conversa.
- Cole o prompt completo acima, sem cortar as seções de requisitos.
- Substitua as variáveis ({{nome_dev}}, {{stack_principal}}, {{cor_destaque}}) pelos dados do seu projeto antes de enviar.
- Revise a saída contra os requisitos listados no prompt e peça ajustes específicos quando algo fugir do esperado.