Criei 9 sites em menos de uma hora usando Claude.

Chatbots como ChatGPT, Gemini e Claude tornam a codificação mais fácil do que nunca, mesmo sem experiência em programação. Graças ao que é conhecido como "escrever código por sugestão"Os usuários podem Crie sites Em apenas alguns minutos, ou até mesmo desenvolver aplicações práticas simplesmente dando um comando simples.

Criei 9 sites em menos de uma hora com Claude: um guia completo sobre como isso aconteceu | Guia do Tom

Eu mesmo tenho experimentado "codificação inspiradora" e recentemente descobri que você pode criar até cinco sites em uma sessão com uma assinatura. Claude Grátis. Depois disso, você precisará aguardar cinco horas para reutilizar o serviço ou atualizar para o Cloud Pro.

Eu fiz um teste Claude Criei nove sites exclusivos em menos de uma hora. Aqui estão os resultados.

1. Página de destino para jogos de arcade antigos

Uma captura de telaRequerente:Um design de jogo arcade old-school, com estilo neon, fonte pixelada, fundo animado pulsante e três botões grandes iluminados que criam uma sensação de 'arcade clássico'. Efeitos sonoros adicionados ao passar o mouse sobre os botões.

Inspirado em jogos de arcade retrô, este site com tema neon traz uma verdadeira sensação de fliperama dos anos 80. A pixel art é muito divertida e cada botão tem seu próprio efeito sonoro interativo. Com detalhes brilhantes nos cantos e efeitos sutis de glitch, o design é exatamente o que eu esperava: responsivo, amigável ao teclado e pronto para ser combinado com jogos de verdade. No geral, este site dá a sensação de que você entrou direto em um fliperama clássico.

2. Blog de Receitas Simples

Uma captura de tela

Requerente:Um design de página inicial simples para um blog de receitas, com fundo branco puro, fontes serifadas elegantes e uma grade com três cartões de receita. Cada cartão deve incluir uma imagem, o título da receita e um efeito de foco que revele os ingredientes. Adapte-o a dispositivos móveis.

Esta página inicial simples para um blog de receitas é elegante e limpa. O design otimizado para dispositivos móveis oferece interações fáceis por toque com ingredientes que podem ser revelados por toque, tornando-a ideal para uso em dispositivos móveis. A tipografia e o espaçamento funcionam bem em todos os tamanhos de tela.

O design alcança um equilíbrio perfeito entre funcionalidade simples e tipografia sofisticada. Detalhes únicos, como a animação sobreposta dos componentes, unem toda a página, conferindo-lhe um apelo premium e acolhedor.

3. Página de inicialização inspirada em ficção científica

Captura de tela do site de Claude

Requerente: Crie um site futurista de uma página para uma empresa fictícia de mineração espacial. Inclua um fundo animado com estrelas preenchendo a tela, uma declaração de missão em texto metálico em negrito e uma nave espacial animada voando lentamente pela tela. Adicione um botão de chamada para ação: "Junte-se à Frota".

De jogos de arcade dos anos 80 a filmes de ficção científica, este site apresenta um fundo estrelado que preenche a tela com estrelas cintilantes, cometas voadores e partículas espaciais flutuantes, enquanto uma nave espacial fofa voa pela tela. A impressão metálica em negrito, o texto brilhante e os botões pulsantes adicionam uma sensação de exploração.

Elementos interativos como traços do mouse, navegação pelo teclado e rolagem parallax realmente dão vida à experiência do usuário. Claude Excelente trabalho com detalhes.

4. Site de histórias infantis

Captura de tela do site

Requerente: Um design de site divertido e colorido para um livro de histórias infantis. Use fontes grandes e divertidas, ilustrações de animais e um botão que percorre três "páginas" de contos com animações simples. Inclua um fundo que muda de cor a cada página.

Claude criou um site deslumbrante que exala um charme peculiar. A história acompanha três animais: uma raposa chamada Felix, um urso chamado Benny e uma borboleta chamada Bella, em uma aventura colorida em três páginas interativas.

Cada página do site apresenta gradientes de cores de fundo divertidos, emojis vibrantes de animais e animações suaves, tudo isso fazendo com que pareça um livro real e interativo. As fontes são claras e alegres, os detalhes animados adicionados são envolventes e, no geral, este site atrai leitores jovens, especialmente aqueles acostumados a passar tempo em frente às telas.

5. Painel de dados interativo

Captura de tela do site de Claude

Requerente:Crie um painel de dados moderno, com tema escuro, com gráficos interativos usando dados simulados. Inclua uma barra lateral, um relógio ativo na parte superior e três gráficos: um gráfico de barras, um gráfico de linhas e um gráfico de pizza. Adicione efeitos de foco e transições suaves entre as seções.

Decidi criar este site como exemplo de caso de negócios. O painel com tema escuro inclui todos os recursos que solicitei no prompt, incluindo uma barra lateral elegante com animações suaves. O design responsivo funciona tanto em desktops quanto em dispositivos móveis e inclui quatro seções principais com transições suaves.

Gosto do relógio em tempo real no cabeçalho e os gráficos interativos são um ótimo complemento. Gostei de como ele adicionou Claude Dados fictícios para que eu possa realmente visualizar a exibição.

6. Local de Meditação do Jardim Zen

Captura de tela do site de Claude

Requerente: Crie um site de meditação simples, de uma página, com um fundo gradiente suave, água corrente animada na parte inferior e uma cerejeira soltando pétalas lentamente pela tela. Inclua um botão grande "Iniciar Meditação" que reproduza uma música ambiente relaxante e ative o fade para uma citação inspiradora.

Fiquei muito satisfeito com o resultado deste site. O fundo gradiente suave em cores como pêssego, rosa, coral e roxo se destaca, ajudando a promover a calma e a atenção plena. O site cria uma atmosfera verdadeiramente serena, perfeita para meditação.

7. Mercado Cyberpunk

Captura de tela do site de Claude

Requerente: Crie um site com inspiração cyberpunk neon e um mercado de rua futurista. Use efeitos de glitch ao passar o mouse, letreiros de neon piscantes e menus animados em estilo holograma. Cada cartão de produto deve acender ao passar o mouse e incluir um breve efeito sonoro de synthwave. Adicione uma animação recorrente de chuva para criar uma sensação de entusiasmo.

O destaque deste site é o efeito atmosférico. Das animações recorrentes de chuva e dos letreiros de neon piscantes ao fundo de grade animado, este site é visualmente atraente.

Os três sons de sintetizador diferentes e os botões interativos tornam este site fácil de usar e envolvente. Eu não conseguiria programar esses recursos sozinho sem Claude Com toda a ação. O site captura perfeitamente a atmosfera crua de um mercado de rua cyberpunk iluminado por neon, com animação suave, sons autênticos de synthwave e efeitos visuais imersivos.

8. Diário de Missão de Fantasia

Captura de tela do site de Claude

Requerente:"Crie um site de aventura e fantasia inspirado em um manuscrito antigo. Faça o cursor da pena brilhar e deixar um rastro de faíscas ao ser movido, a barra lateral parecer um livro de feitiços medieval e uma página onde os usuários possam "coletar" três itens mágicos clicando em ícones que se movem quando encontrados."

Este exemplo prova que Claude Ele pode facilmente lidar com um design de fantasia mágica. O cursor em forma de caneta de pena brilhante deixa traços brilhantes conforme você explora o site, enquanto o menu de navegação se desdobra como um livro de feitiços medieval encadernado em couro com efeitos de foco animados.

O conteúdo principal se baseia em pergaminhos de papiro com inscrições antigas e tipografia medieval ornamentada, conferindo ao site um autêntico charme do mundo antigo. Com um design responsivo, brilhos interativos e conquistas interativas, cada clique é repleto de interação mágica ancestral.

9. Adote um animal de estimação de desenho animado

Captura de tela de um site criado por Claude

Requerente: Crie um site divertido e interativo onde os visitantes possam "adotar" um animal de estimação de desenho animado (gato, cachorro ou dragão). Cada animal deve ter uma animação ociosa, reagir ao ser clicado (ronronando, abanando o rabo, cuspindo fogo) e poder ser "alimentado" arrastando ícones de comida para ele. Adicione uma música de fundo animada com uma opção de silenciar.

Criei um site interativo de adoção de animais de estimação que é tão divertido quanto envolvente. Cada animal tem seu próprio personagem de desenho animado com uma personalidade divertida. É fácil de Claude Arraste e solte comida para alimentá-los, observe seus medidores de felicidade aumentarem e desbloqueie reações deliciosas, desde ronronar até rugidos que cospem fogo.

Há também uma melodia animada e recorrente para ajudar a criar o clima. O site é totalmente responsivo, intuitivo e claramente projetado para uma experiência divertida, emocionante e interativa.

Comentários estão fechados.