Adicione um Vibe Block da Biblioteca de Blocos à sua página. Você pode encontrá-lo na categoria “Outros” ou diretamente na lista de categorias abaixo Zero Block.

Digite uma solicitação no campo de entrada para gerar o bloco. Quando a solicitação estiver pronta, clique no botão "Enviar" ou pressione a tecla Enter no teclado.

Para selecionar um modelo de IA para geração de código, clique no nome do modelo abaixo do campo de entrada.

Para anexar imagens para que a IA as considere durante a geração, clique no ícone do clipe de papel.

Clique no ícone de ponto de interrogação para ver exemplos de prompts para gerar um bloco ou usá-los como ponto de partida para o seu próprio prompt.

Clique em qualquer exemplo de prompt para usá-lo.

Você também pode visualizar um exemplo de prompt em uma demonstração ao vivo em uma página separada, como um exemplo de capa.

Para copiar o código do bloco gerado, clique em “Copiar o código”. O bloco será então adicionado automaticamente à sua página.

Clique em “Aplicar prompt” para abrir o editor e modificar sua solicitação. No editor, você também pode anexar imagens ou selecionar um modelo de IA diferente para a geração.

Assim que o bloco for gerado, o chat de IA exibirá a mensagem “Pronto!”, indicando que o bloco está pronto para uso. Abaixo do prompt, você verá as opções para copiá-lo, regenerá-lo ou excluí-lo.

No chat, você pode expandir a resposta da IA para visualizar e copiar o código.

Para ver o código completo, clique em “Código” no painel superior para abrir o editor, onde você poderá editá-lo manualmente para personalizar ainda mais o bloco.

Para obter o melhor resultado, você pode regenerar o código do bloco refinando sua solicitação original ou inserir uma solicitação totalmente nova.

Por exemplo, basta descrever o que precisa ser alterado no bloco, e a IA atualizará o código de acordo com isso.

Por padrão, o bloco exibe a versão mais recente gerada. Para visualizar uma versão anterior, clique no ícone do olho. Para aplicá-la, clique em “Aplicar”.

Com essa opção, você pode alternar entre diferentes versões do bloco. Para salvar o resultado, basta fechar a janela do chat de IA.

Para editar o bloco novamente após fechar o chat, clique no botão "Editor de blocos".

Para editar qualquer elemento em um bloco gerado, clique nele e uma janela pop-up de edição de conteúdo será aberta.

Insira seu texto no campo de conteúdo, salve as alterações e elas serão exibidas no bloco.

Para visualizar e editar o código de um elemento específico, clique no ícone de seta.

Se você precisar de mais facilidade para editar o código do bloco, clique no ícone de código para abrir o editor.

O Vibe Block possui limites de solicitações gratuitas incluídos por padrão em todos os planos de preços. A tabela abaixo mostra quantas solicitações você pode fazer a cada 12 horas e por mês, dependendo do seu plano de preços.