Artefatos: peça uma página, um app ou um gráfico e veja pronto ao lado do chat
O novo módulo Artefatos transforma um pedido no Chat em página HTML, calculadora, dashboard, diagrama ou script que roda na hora, ganha versões a cada ajuste e pode ser publicado por link.
Até hoje, quando você pedia “monta uma calculadora de frete” ou “faz um gráfico dessas vendas” no Chat, recebia um bloco de código. Copiar, colar em algum lugar, abrir no navegador, descobrir que faltou um detalhe, voltar. O código estava certo, mas o resultado ficava longe.
A partir de hoje, o resultado aparece ao lado da conversa, funcionando. É o módulo Artefatos, disponível para todos os assinantes do CollaborAI.
O que é um artefato
Um artefato é qualquer conteúdo visual ou executável que a IA gera como resposta: uma página HTML, um mini-app interativo, um dashboard com gráficos, uma calculadora, um SVG, um diagrama ou um script. Em vez de vir dentro da bolha de resposta, ele abre num painel lateral com duas abas, Preview e Código, e você o vê sendo construído enquanto o modelo ainda está escrevendo.
Os tipos suportados nesta primeira versão:
| Tipo | O que sai | Exemplo de pedido |
|---|---|---|
| Página ou app HTML | Interface completa, com CSS, JavaScript e gráficos | ”Monte um simulador de parcelas com juros” |
| SVG | Ilustração vetorial, ícone, infográfico | ”Desenhe um infográfico do funil de vendas” |
| Diagrama Mermaid | Fluxograma, sequência, organograma | ”Faça o fluxo de aprovação de compras em diagrama” |
| Código | Script ou arquivo em qualquer linguagem, com copiar e baixar | ”Escreva um script que renomeie estes arquivos por data” |
Você não precisa dizer “crie um artefato”. Basta pedir a coisa. O modelo decide quando o resultado merece virar um artefato e quando uma resposta em texto resolve melhor.
Iterar é conversar
Você não edita o artefato à mão. Ajusta pela conversa, como já faz com um texto:
“Deixa o gráfico verde.” “Adiciona um filtro por mês.” “O botão de calcular ficou pequeno demais.”
Cada pedido gera uma versão nova, e as anteriores ficam guardadas. O menu de versões no topo do painel mostra o histórico, e qualquer versão antiga pode ser restaurada com um clique. São até 100 versões por artefato, então não existe medo de “estragar” o que já estava bom.
Isso funciona com qualquer modelo do seletor: Claude, GPT, Gemini, Grok e os demais. Se um modelo não resolveu o ajuste, troque para outro na mesma conversa e peça de novo.
A Biblioteca
Todo artefato vai para a Biblioteca, no menu lateral. Lá você busca por nome, filtra por tipo, renomeia, duplica, exclui e, o mais útil, abre a conversa de origem para continuar de onde parou, semanas depois.
Duplicar cria uma cópia independente. É o jeito de usar um artefato bom como ponto de partida para outro sem mexer no original.
Publicar por link
Ficou pronto e precisa mostrar para alguém que não tem conta no CollaborAI? Clique em Publicar. O artefato ganha um endereço público, e qualquer pessoa com o link vê a página funcionando, com o selo “Criado com CollaborAI” no rodapé.
Alguns detalhes que importam:
- Revogar é imediato. Ao desfazer a publicação, o link para de funcionar na hora. Se você publicar de novo, o endereço é outro.
- O link mostra uma versão fixa. Continuar iterando na conversa não muda o que está publicado até você publicar novamente.
- Há um limite de bom senso: 20 publicações por dia e 100 artefatos publicados ao mesmo tempo por conta.
Entre o privado e o público existe o meio-termo Somente usuários do CollaborAI: quem receber o link precisa estar logado para ver, e nada fica exposto na internet. Em contas corporativas, a opção equivalente restringe o acesso à própria organização, a publicação pública vem desligada e o administrador decide se libera.
O que o artefato não faz (por segurança)
Todo artefato roda num espaço isolado dentro do navegador, sem acesso a cookies, tokens, à sua sessão ou a qualquer outra parte do CollaborAI. É o que permite executar JavaScript gerado por IA com tranquilidade.
Isso traz duas limitações conscientes nesta versão:
- Imagens externas não carregam dentro do artefato. Ícones e gráficos gerados no próprio código funcionam; um logo puxado de outro site, não.
- Sem chamadas a APIs externas. O artefato não busca dados de fora. Se o app precisa de dados, inclua-os no pedido ou anexe o arquivo à conversa.
Para publicar, a conta precisa de assinatura ativa e e-mail verificado, e o conteúdo passa por uma checagem automática antes de ir ao ar. Componentes React e miniaturas na Biblioteca ficam para uma próxima fase.
Artefato ou Documento?
Os dois módulos coexistem, e a diferença é simples:
| Documento | Artefato | |
|---|---|---|
| Natureza | Arquivo de negócio: texto, planilha, apresentação | Coisa que funciona: página, app, diagrama, script |
| Como editar | À mão, no editor | Pela conversa |
| Como sai | DOCX, XLSX, PPTX | HTML, SVG, arquivo de código ou link público |
Quer um relatório para revisar e enviar por e-mail? Documento. Quer uma calculadora para o time usar ou um diagrama para colar na apresentação? Artefato.
Por onde começar
Três pedidos para testar hoje, em qualquer conversa:
- “Monte uma calculadora de margem: preço de custo, despesas fixas e margem desejada, e me mostre o preço de venda.” Depois peça para adicionar um campo de imposto.
- “Desenhe em diagrama o fluxo de onboarding de um cliente novo, da assinatura ao primeiro contato com o suporte.” Depois peça para destacar onde há intervenção humana.
- “Faça um dashboard com estes números” e cole uma tabela de vendas por mês. Depois publique e mande o link para alguém.
O painel é redimensionável e funciona no celular, com alternância entre chat e artefato em tela cheia. E se ainda não apareceu na sua conta, atualize a página: o módulo está sendo ativado para todos os assinantes ao longo de hoje.
