Eu pessoalmente experimentei "escrever código por sugestão" e descobri recentemente que é possível criar até cinco sites em uma única sessão usando uma assinatura gratuita do Cloud . Depois disso, você precisará esperar cinco horas para reutilizar o serviço ou fazer um upgrade para o Cloud Pro.
Testei o Cloud e criei nove sites exclusivos em menos de uma hora. Aqui estão os resultados.
1. Página de destino para jogos de arcade antigos
Requerente: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
O pedido: “Crie uma 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 receitas. Cada cartão deve incluir uma imagem, o título da receita e um efeito de rolagem que revele os ingredientes. Certifique-se de que seja compatível com 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
O desafio: “Crie um site futurista de uma página para uma empresa fictícia de mineração espacial. Inclua um fundo animado com estrelas que preencha a tela, uma declaração de missão em negrito com texto metálico 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 efeitos do mouse, navegação por teclado e rolagem parallax realmente dão vida à experiência do usuário. Claude fez um excelente trabalho com os detalhes.
4. Site de histórias infantis
O pedido: “Crie um site divertido e colorido para um livro de histórias infantis. Use fontes grandes e originais, ilustrações de animais e um botão que folheie três ‘páginas’ de contos curtos com uma animação simples. Inclua um fundo que mude 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
O desafio: “Crie um painel de dados moderno com tema escuro e gráficos interativos usando dados fictícios. Inclua uma barra lateral, um relógio em tempo real no topo 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.
Gostei muito do relógio em tempo real no cabeçalho, e os gráficos interativos são um ótimo complemento. Agradeço ao Claude por ter adicionado dados fictícios para que eu pudesse visualizar a apresentação.
6. Local de Meditação do Jardim Zen
O pedido: “Crie um site de meditação simples, de uma página, com um fundo degradê suave, água corrente animada na parte inferior e uma cerejeira em flor deixando cair lentamente suas pétalas pela tela. Inclua um grande botão “Iniciar Meditação” que toque uma música ambiente relaxante e desapareça gradualmente com 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
O pedido: “Crie um site inspirado no mundo do cyberpunk neon, apresentando um mercado de rua futurista. Utilize efeitos de glitch quando o cursor do mouse estiver sobre ele, letreiros de neon piscando e menus animados em estilo holográfico. Cada página de produto deve acender quando o cursor do mouse estiver sobre ela e incluir um breve efeito sonoro de synthwave. Adicione uma animação de chuva recorrente para criar uma atmosfera envolvente.”
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 teria conseguido programar esses recursos sozinho sem o Claude fazendo todo o trabalho. O site captura perfeitamente a atmosfera crua e iluminada por néon de um mercado de rua cyberpunk com animações fluidas, sons synthwave autênticos e efeitos visuais imersivos.
8. Diário de Missão de Fantasia
O pedido: “Crie um site para aventuras de fantasia inspirado em um manuscrito antigo. Faça com que a ponta da pena brilhe e deixe um rastro de brilho ao ser movida, que a barra de navegação lateral pareça um livro de feitiços medieval e que haja uma página onde os usuários possam ‘coletar’ três itens mágicos clicando em ícones que se movem ao serem encontrados.”
Este exemplo demonstra que Claude consegue lidar facilmente com um design cativante e imaginativo. A ponta de pena brilhante deixa rastros cintilantes enquanto você explora o site, enquanto o menu de navegação se desdobra como um livro de feitiços medieval com capa de couro e efeitos animados ao passar o cursor.
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
O pedido: “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 quando estiver ocioso, reagir ao clique (ronronar, abanar o rabo, cuspir fogo) e poder ser ‘alimentado’ arrastando ícones de comida até ele. Adicione uma música de fundo alegre com opção para silenciar.”
Ela criou um site interativo de adoção de animais de estimação tão encantador quanto envolvente. Cada animal tem seu próprio personagem de desenho animado com uma personalidade divertida. Claude facilita arrastar e soltar a comida para alimentá-los, observar seus medidores de felicidade aumentarem e desbloquear reações adoráveis, que vão desde ronronar até rugidos de cuspir 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.