Este artigo explica o que é o Duda Vibe, o que você pode criar com ele, quando usar o Vibe em vez do Editor, como começar a usar o Duda Vibe e quais ações são suportadas.
Observação
Aviso: Duda Vibe está atualmente em versão beta. Ao utilizar esta funcionalidade, você reconhece que ela é experimental, pode apresentar comportamentos inesperados e está sujeita a modificações a qualquer momento.
O Duda Vibe permite que você crie experiências web totalmente personalizadas por meio de conversas. Descreva o que você deseja e o Vibe gera um aplicativo funcional, completo com design, lógica e conteúdo. A partir daí, refine-o com perguntas de acompanhamento, edite diretamente na página com IA ou revise o código. Utilize-o para qualquer coisa que exija uma experiência web personalizada, desde portais de clientes e tool interativas até design web sofisticado e personalizado, e muito mais.
Recomendamos que você assista ao nosso vídeo de Visão Geral do Duda Vibe na Duda Academy para ter uma visão geral do Vibe e ver a tool em ação.
O Duda Vibe pode ser usado para criar uma ampla gama de experiências web personalizadas que ajudam a expandir seu negócio, ao mesmo tempo que impulsionam o engajamento e a fidelização de clientes.
Exemplos do que você pode construir com o Duda Vibe:
-
Sites com muitos elementos interativos e animações.
-
tool empresarial que pode ser usada internamente para aumentar o engajamento ou para vender aos clientes.
-
Portais ou painéis de controle que ajudam a aumentar a retenção de clientes.
-
Conjuntos de slides para apresentações.
Como a Duda Vibe gera aplicações full-stack, essas experiências podem incluir interfaces de usuário, armazenamento de dados, autenticação, lógica de negócios e integrações.
O Duda's Editor e o Duda Vibe foram projetados para funcionar em conjunto, com cada plataforma servindo a um propósito distinto. Recomendamos o uso do Duda Editor para criar sites de alto desempenho que gerem leads e tenham um bom posicionamento nos resultados de busca. Use o Duda Vibe para criar funcionalidades personalizadas e experiências interativas que vão além de um site tradicional.
Comece descrevendo o que você deseja construir em linguagem simples. A Duda Vibe utiliza inteligência artificial para gerar uma solução completa com base nas suas necessidades.
Os aplicativos são gerados usando React e TypeScript, fornecendo uma base que pode ser personalizada e ampliada conforme suas necessidades evoluem. Você pode continuar aprimorando a experiência por meio de sugestões adicionais ou fazer modificações manuais diretamente no editor visual ou no código gerado.
Para saber mais sobre como criar projetos com o Vibe, consulte Criar um projeto com o Duda Vibe.
A seguir, algumas das ações e funcionalidades disponíveis no Duda Vibe:
-
Digite sua mensagem/bate-papo ou use nossa tool de ditado para falar sua mensagem/bate-papo.
-
Histórico da conversa. Inicie novas conversas e alterne entre as anteriores clicando no nome da conversa na parte superior do painel de bate-papo. Após um período de inatividade, uma nova conversa é iniciada automaticamente.
-
A biblioteca de blocos permite que você selecione blocos de conteúdo pré-construídos e os adicione ao seu projeto. Os tipos de blocos incluem elementos de texto, visuais, interativos, de layout, de mídia ou baseados em dados. Por exemplo, oferecemos blocos com uma lista em destaque, calendário de eventos, integração com o Spotify, livro digital em PDF e muito mais.
-
As edições visuais permitem editar a tipografia, o fundo, o espaçamento, a borda e os efeitos de um elemento selecionado. Você pode fazer alterações no painel de edição visual e visualizar uma prévia antes de aplicar as alterações.
Observe que as opções de edição visual disponíveis dependem do elemento selecionado. Por exemplo, a tipografia não pode ser editada em uma imagem, mas o texto alternativo pode.
-
As configurações de tema permitem que você defina cores e estilos de fonte para o seu projeto. Oferecemos paletas de cores selecionadas e estilos de fonte predefinidos para você escolher, mas você também pode estilizar cada elemento individualmente para que ele combine melhor com a sua marca.
-
O histórico de versões permite acompanhar as alterações e reverter facilmente para uma versão anterior, se necessário. Isso permite que você experimente livremente e teste novas alterações sem se preocupar em interromper seu projeto e perder o progresso.
-
Painel de desempenho . Na aba Gerenciar do editor, visualize o painel de desempenho do seu projeto, que inclui as seções Destaques, Visibilidade, traffic e Engajamento, além de uma Central de Otimização para gerenciar as principais configurações SEO do seu projeto e obter sugestões para melhorar a visibilidade na busca e na IA.
Nota
O Centro de Otimização da Vibe oferece atualmente um conjunto limitado de tool em comparação com os sites do Editor, mas mais recursos estão a caminho.
Publicar um projeto no Vibe requer uma assinatura ativa. Os projetos Vibe compartilham o mesmo conjunto de créditos incluídos que os sites Editor. Se houver crédito disponível no site, ele será aplicado automaticamente ao projeto Vibe. Caso todos os créditos incluídos já estejam sendo utilizados por outros sites, o projeto Vibe será cobrado como uma assinatura separada. O sistema sempre aplica os créditos aos sites da maneira que resulta no menor custo total, portanto, você não precisa escolher ou configurar isso manualmente.
Um projeto Vibe, apresentado como uma assinatura separada (não financiada por um crédito do site incluído), também concede créditos de IA mensais adicionais, que são adicionados ao saldo de créditos de IA compartilhado da sua conta e podem ser usados em toda a sua conta enquanto a assinatura estiver ativa. Para mais informações sobre créditos de IA, consulte Créditos de IA.