Encontrei a maioria dos problemas localmente:
- Em tela cheia, às vezes a barra de escape se sobrepõe ao conteúdo, impossibilitando a interação com ele.
- Às vezes, “Executar Artefatos” não aparece imediatamente, mas aparece quando você passa o mouse sobre os ícones de postagem, por exemplo (parece).
- Tive apenas um caso em que nenhum resultado foi exibido. Pude ver o indicador e, em seguida, nada aconteceu.
No geral, funciona muito bem. ![]()
Aqui estão algumas das demonstrações.
Não é tão fácil acertar uma demonstração. Como sempre, quanto mais detalhado o prompt, melhor.
Às vezes, é necessária precisão extra. Nem sempre inclui todos os recursos, não é responsivo ou requer código para aguardar o carregamento da página. Além disso, o uso de bibliotecas externas aumenta a chance de falha.
Eu gostei demais desse recurso. ![]()
Prompt (simular movimento de projétil)
Crie uma página para simular o movimento de projétil. A página deve:
- Permitir que os usuários insiram a velocidade inicial, o ângulo e a altura do projétil.
- Exibir uma animação ao vivo da trajetória do projétil.
- Incluir valores calculados para tempo de voo, altura máxima e alcance.
- Usar controles deslizantes para ajuste em tempo real dos parâmetros de entrada.
- Incluir um botão “Redefinir” para começar de novo.
Vídeo
Prompt (Jogo de chuva de emojis)
Crie uma página onde os usuários escolhem seu humor e emojis começam a cair pela tela. A página deve:
- Fornecer opções de humor como “Feliz”, “Mal-humorado” ou “Pizza”.
- Fazer emojis como
,
ou
caírem sem parar do topo da tela. - Permitir que os usuários cliquem nos emojis para “coletá-los” com um efeito sonoro engraçado.
- Incluir um contador bobo como “Fatias de Pizza Coletadas: 27”.
- Usar HTML, CSS e JavaScript para diversão animada.
Vídeo
Prompt (Visualizador simples do sistema solar)
Crie uma página para visualizar o sistema solar. A página deve:
- Exibir um sistema solar animado e detalhado em escala reduzida, mostrando as órbitas planetárias.
- Permitir que os usuários cliquem em um planeta para ver informações como tamanho, distância do sol e período orbital.
- Permitir que os usuários deem zoom in e out.
- Incluir um controle deslizante para acelerar ou desacelerar o movimento orbital.
- Usar HTML, CSS e JavaScript para interatividade e animação.
- Garantir que o contêiner use 100% de largura e altura.
Vídeo
Prompt (Playground de Animação CSS)
Crie uma página onde os usuários possam experimentar animações e transições CSS. A página deve:
- Exibir vários elementos (por exemplo, botões, divs) que os usuários podem animar com CSS.
- Permitir que os usuários escolham entre uma lista de propriedades de animação (por exemplo, transform, opacity, translate, rotate).
- Fornecer controles deslizantes para ajustar a duração, a função de tempo e o atraso das animações.
- Permitir que os usuários visualizem as animações em tempo real e vejam como as alterações afetam a animação.
- Usar JavaScript para atualizar as propriedades CSS dinamicamente e HTML/CSS para estilo.
Vídeo
Prompt (Dashboard de Dados Interativo)
Crie uma página que visualize um dashboard de dados com gráficos interativos. A página deve:
- Exibir vários gráficos, como um gráfico de barras, um gráfico de linha e um gráfico de pizza, cada um representando diferentes conjuntos de dados (por exemplo, vendas, população, dados meteorológicos).
- Permitir que os usuários filtrem os dados por intervalo de tempo, categoria ou local usando menus suspensos ou controles deslizantes.
- Atualizar os gráficos em tempo real conforme os usuários interagem com os filtros.
- Mostrar estatísticas descritivas (por exemplo, média, mediana, moda) para os dados selecionados.
- Usar Chart.js ou D3.js para renderizar gráficos e JavaScript para lidar com a filtragem de dados e cálculos estatísticos.