Técnica
Mini-curso de Claude, dia 3: Artifacts, quando Claude entrega em vez de só responder
mini-curso-claudeclaudeartifactsentregaveis
Tem um momento que todo mundo já viveu. Você pediu pro Claude um relatório, recebeu o texto no chat, copiou, colou no Word, perdeu a formatação, voltou pra ajustar. Esse pingue-pongue de copiar e colar é tão comum que virou parte do uso. Acho interessante notar que ele é evitável, e desde 2024 é evitável de um jeito específico, que se chama Artifact.
Hoje você sai com um entregável real (landing page, documento estruturado ou ferramenta interativa) criado e iterado dentro do próprio Claude.
Ao final desta técnica você vai conseguir
- Reconhecer quando o Claude transforma a resposta em Artifact e quando não
- Pedir explicitamente um Artifact quando ele não vier sozinho
- Iterar em cima do Artifact em vez de gerar tudo de novo
Pra que isso serve
Três situações onde Artifact muda a operação:
- Marketing: Você precisa testar uma landing page antes de pedir pro time de design. Em vez de descrever em texto, pede pro Claude criar a página completa, vê funcionando no painel ao lado, pede 3 ajustes (“hero menor”, “prova social acima do CTA”, “trocar copy do botão”) e exporta o HTML pronto.
- Comercial: Você está montando uma proposta pra um cliente. Em vez de receber texto solto, recebe o documento estruturado com seções, sumário e formatação consistente, pronto pra exportar como docx ou PDF.
- Operações: Você quer uma calculadora simples pro time usar (ROI de campanha, cálculo de comissão, conversor de unidades). O Claude cria a ferramenta funcionando, você publica o link e o time usa direto pelo browser.
Em todos os casos, o output deixa de ser texto pra você juntar depois e passa a ser entregável já formatado, editável e iterável.
Artifact é resposta com forma
Quando o Claude detecta que o output é “significativo, autocontido e algo que você vai querer editar ou reusar”, ele cria um Artifact: uma janela separada, ao lado do chat, com o entregável renderizado. Pode ser documento (markdown, docx, pptx, pdf, xlsx), código, página HTML, gráfico SVG, fluxograma Mermaid ou componente React interativo.
Mecânica: você pede algo substantivo, o Artifact aparece num painel à direita. Você itera no chat (“adiciona uma seção sobre concorrência”, “deixa o tom mais informal”, “muda a cor do botão pra azul”) e o Artifact atualiza no mesmo lugar, sem gerar versão nova. Você pode copiar, baixar ou publicar pra compartilhar via link.
Quando vale puxar pelo Artifact: qualquer entregável que você abriria num app depois (Word, slides, navegador). Documentos longos, páginas, ferramentas, planilhas. Quando talvez não compense: resposta curta, brainstorm conversacional, dúvida pontual. Forçar Artifact pra coisas curtas tende só a atrapalhar o ritmo.
Lembra do Project que você criou no dia 2? Os Artifacts criados dentro de um Project ficam organizados ali. Você abre o Project amanhã e acha o entregável na lista de chats, pronto pra continuar.
O ganho real
Em termos práticos, Artifact reduz uma camada inteira de retrabalho: copiar, colar, ajustar formato, reexportar. E quando você itera, itera no mesmo Artifact, em vez de gerar versão nova a cada pedido. A clareza mental que isso gera, especialmente em projetos com muita iteração, costuma ser mais relevante do que o tempo bruto economizado.
Exercício prático: crie um Artifact e itere 3 vezes
Escolha uma das três opções abaixo e produza algo real, com 3 rodadas de ajuste. (15 minutos)
- Escolha sua opção. A: uma landing page simples pra um produto ou projeto seu (hero, descrição e CTA). B: um documento estruturado (proposta, brief, plano de projeto). C: uma calculadora ou quiz interativo (ROI, conversor, score).
- Faça o pedido inicial sendo específico sobre o público e o objetivo. Ex: “crie uma landing page pro meu serviço de consultoria de ops, público é fundador de startup early-stage, tom direto, com hero, 3 problemas que resolvo e CTA pra agendar diagnóstico”.
- Quando o Artifact aparecer, peça 3 ajustes em sequência, um por vez. Ex: “deixa o hero mais curto”, depois “troca o CTA pra agendar diagnóstico gratuito”, depois “adiciona uma seção de prova social com 3 espaços”.
- Note como o Claude muda o Artifact no mesmo painel, sem regerar tudo. Se ele não fizer isso, vale pedir explicitamente: “edita o artifact existente, não gera um novo”.
- Exporte ou copie o resultado. Pra HTML/React, baixe; pra documento, exporte como docx ou pdf; pra calculadoras, publique pelo botão Share/Publish e teste o link.
O que observar: compare as 3 versões do Artifact mentalmente. Cada iteração demorou minutos, não horas, e nenhuma quebrou o que estava funcionando. Pode ser que seja um modo de trabalhar diferente, mais que uma feature.
Se travar, faça isso
Se o Claude não criar o Artifact automaticamente: Diga explicitamente: “crie isso como um artifact separado, não no chat”. Pedidos curtos costumam virar texto no chat. O Artifact aparece quando o conteúdo é substantivo o bastante.
Se cada ajuste virar um Artifact novo em vez de editar o existente: Reformule começando com “no mesmo artifact, faça X”. O Claude entende que é pra atualizar.
Travou em qualquer outra coisa? Escreve pra mim pela newsletter descrevendo onde parou. Leio todas.
Para levar
“Artifact é entregável formatado e iterável dentro do Claude, e a economia mais relevante costuma estar na quantidade de retrabalho que ele apaga.”
Hoje você gerou um entregável genérico. No próximo passo da trilha, o Claude ganha expertise: Skills são pacotes de conhecimento especializado que mudam o jeito que ele monta um docx, um pptx ou uma planilha. É a diferença entre Claude que gera texto que vira slide depois e Claude que entrega o slide pronto.