Artifacts: criando apps e documentos direto no chat

O simulador deste site nasceu de uma frase: "quero um simulador com quatro perguntas que diga qual IA a pessoa deve usar". Em dez minutos tinha uma versão funcionando, com botão de refazer e link para compartilhar. Não abri editor de código nem servidor. Isso é um artifact, e é o recurso que mais surpreende quem acha que IA serve só para escrever texto.

Neste guia explico o que dá para criar, como pedir para o resultado sair bom de primeira, como publicar com link e onde os artifacts param de servir.

O que é um artifact

É uma saída separada do chat: em vez de responder com texto na conversa, o Claude cria uma peça que fica em uma área própria, com visualização e possibilidade de editar, baixar e publicar. Pode ser um documento formatado, uma página, uma calculadora, um gráfico interativo, um diagrama, um jogo simples.

A vantagem prática é que a peça sobrevive à conversa. Você pede ajustes, ela é atualizada, e quando está boa você publica um link para qualquer pessoa abrir no navegador.

O que dá para criar

Ferramentas: calculadoras, simuladores, conversores, checklists interativos. Páginas: landing pages, portfólios, este site inteiro. Documentos: relatórios com tabelas e gráficos, propostas, guias. Visualizações: gráficos a partir de uma planilha, diagramas de processo, linhas do tempo.

O que eu mais uso: relatórios interativos para clientes (o cliente filtra por campanha em vez de receber um PDF estático) e ferramentas internas de conta, como um estimador de verba por canal.

Como pedir para sair bom

Descreva quem usa, o que a pessoa faz na tela e o que ela recebe no final. Em vez de "faz uma calculadora", diga "calculadora para lojista: entra com custo do produto, margem desejada e frete; mostra preço de venda e lucro por unidade; deve funcionar no celular". Quanto mais concreto, menos rodadas de ajuste.

Peça uma tela de cada vez. Se a ferramenta tem três etapas, peça a primeira, teste, e só então peça a segunda. Pedidos grandes demais geram peças que fazem muita coisa e nenhuma direito.

Ajustando

Aponte o que mudar com precisão: "o botão de calcular deveria ficar abaixo dos campos" funciona; "melhora o design" gera surpresa. Se algo quebrou, descreva o que você clicou e o que aconteceu.

Publicando com link

Um artifact publicado vira uma página com endereço próprio. Só você vê até decidir compartilhar. Ele é uma página estática: funciona sozinha no navegador, sem servidor seu, e por isso carrega rápido. O que não faz: guardar dados de vários usuários em um lugar central por padrão, receber pagamentos, enviar e-mails. Para isso é preciso outra camada.

Onde os artifacts param de servir

Quando a ferramenta precisa de login, de banco de dados compartilhado, de integração com sistema da empresa ou de processar dados sigilosos, o artifact vira protótipo, não produto. Ele continua sendo o melhor jeito de validar a ideia em uma tarde e mostrar para quem decide. Depois, um desenvolvedor pega o protótipo como especificação viva e constrói a versão de produção, o que costuma ser mais barato do que começar do zero a partir de um documento.

Versões, downloads e o que fazer com o arquivo

Cada ajuste gera uma nova versão e as anteriores ficam acessíveis, o que permite voltar quando um pedido piora a peça. Você pode baixar o arquivo (HTML, documento, imagem) e hospedar no seu domínio, o que é o caminho certo para qualquer coisa que precise ser indexada pelo Google ou receber anúncios: um artifact publicado no endereço do Claude é ótimo para compartilhar e validar, mas não é um site seu.

Guarde as versões boas fora da conversa. Conversas somem, ficam longas ou mudam de projeto; o arquivo baixado com data no nome é o que garante que o trabalho não se perde.

Artifacts e conteúdo para site

Para quem produz conteúdo, artifacts resolvem o que texto não resolve: uma calculadora dentro de um artigo, um comparador, um simulador. Esse tipo de recurso segura o leitor na página e dá um motivo real para compartilhar. Este site tem dois, e eles nasceram como artifacts antes de serem integrados ao layout.

Perguntas frequentes

Fontes e método

• Documentação de artifacts da Anthropic
• Ferramentas construídas para clientes e para este site, 2025 e 2026