Voltar para o Blog
IA na Prática11 / 50
  1. 01Bem-vindo: o que você vai conseguir fazer no fim desta série
  2. 02O que é uma IA que conversa, em português claro
  3. 03O que dá e o que não dá pra fazer com IA hoje
  4. 04Claude, ChatGPT, Gemini: qual a diferença e por que vamos usar o Claude
  5. 05Os três jeitos de falar com a IA: site, app e terminal
  6. 06A mentalidade certa: você é o maestro, a IA é o instrumento
  7. 07Criando sua conta e instalando o app do Claude
  8. 08Sua primeira conversa: como pedir bem (o prompt)
  9. 09Anexando arquivos, imagens e PDFs
  10. 10Projetos no Claude: guardando contexto que não se perde
  11. 11Artifacts: quando o Claude monta um documento ou um mini-app pra você
  12. 12Memória, instruções e estilo: ensinando o Claude do seu jeito
  13. 13Planos, limites e custo: o que é grátis e quando vale pagar
  14. 14O que é o "terminal" e por que ele não dá medo
  15. 15Abrindo o terminal no Mac e no Windows (e no Linux)
  16. 16Cinco comandos de sobrevivência: pwd, ls, cd, mkdir, cat
  17. 17Como o computador organiza tudo: pastas, arquivos e caminhos
  18. 18Instalando o Node.js (e o que é isso, afinal)
  19. 19npm: a "loja de peças" gratuita do mundo dev
  20. 20Instalando o VS Code: seu editor de código (e por que precisa de um)
  21. 21O que é o Git e por que todo projeto sério usa
  22. 22Criando sua conta no GitHub (a nuvem do seu código)
  23. 23O que é o Claude Code e por que ele é diferente do app
  24. 24Instalando o Claude Code
  25. 25Primeiro login e sua primeira sessão
  26. 26Como o Claude Code "enxerga" suas pastas (e por que isso importa)
  27. 27Sua primeira tarefa real: peça pra ele criar um arquivo
  28. 28Permissões: quando ele pergunta antes de mexer
  29. 29O arquivo CLAUDE.md: ensinando o robô sobre o seu projeto
  30. 30Modo plano e revisão: deixe ele pensar antes de fazer
  31. 31Errou? Desfazendo e recomeçando sem medo
  32. 32Escolhendo um primeiro projeto pequeno e real
  33. 33Descrevendo o que você quer: o briefing
  34. 34Deixe o Claude montar o esqueleto do projeto
  35. 35Rodando o projeto na sua máquina pela primeira vez
  36. 36Mudando textos, cores e imagens só conversando
  37. 37Quando algo quebra: lendo um erro sem entrar em pânico
  38. 38Pedindo pro Claude consertar o erro (copiar, colar, descrever)
  39. 39Adicionando uma página ou funcionalidade nova
  40. 40Salvando seu progresso com Git (commits, sem decoreba)
  41. 41Subindo seu projeto pro GitHub
  42. 42Colocando seu projeto no ar de graça (deploy)
  43. 43A anatomia de um bom pedido (revisão turbinada)
  44. 44Dividir pra conquistar: por que tarefas pequenas vencem
  45. 45Revisar o que a IA fez: a responsabilidade é sua
  46. 46Segurança básica: senhas, chaves e o que NUNCA colar
  47. 47Quando a IA "alucina" e como perceber
  48. 48Aprendendo a aprender com a IA: ela é sua professora particular
  49. 49Cinco ideias de próximos projetos pra praticar
  50. 50Seu novo superpoder: pra onde ir a partir daqui (fecho)
IA na PráticaParte 11 de 50

Artifacts: quando o Claude monta um documento ou um mini-app pra você

4 min de leitura
Compartilhar
IA na Prática

Até agora você conversou com o Claude e ele respondeu em texto, ali na bolha do chat. Mas tem um momento mágico que muda tudo: quando você pede algo "construído" e, em vez de só descrever, o Claude monta a coisa de verdade num painel ao lado. Um documento formatado. Uma página. Até um pequeno programa que funciona ali mesmo, sem você instalar nada.

Esse painel se chama Artifacts (palavra em inglês para "artefatos", no sentido de "coisas produzidas"). É o seu primeiro gostinho de construir. E é mais fácil do que parece.

A ideia, com uma analogia

Imagine que você está conversando com um arquiteto. Vocês trocam ideias por mensagem (isso é o chat normal). A certa altura, ele pega uma folha grande, desenha a planta da casa e vira pra você: "é mais ou menos assim". Agora vocês têm um objeto concreto na mesa para olhar, apontar e ajustar.

O Artifact é essa folha grande. Quando o conteúdo é grande o suficiente ou "montável" (um texto longo, uma tabela, uma página, um mini-programa), o Claude abre um painel separado e coloca a criação lá. A conversa continua de um lado; o resultado vivo fica do outro.

"Vivo" aqui quer dizer: se for uma página ou um mini-app, ele funciona dentro do painel. Você clica, digita, vê acontecer.

Vendo acontecer: seu primeiro Artifact

Abra o app do Claude (o mesmo que você já usa desde os posts anteriores) e mande um pedido simples:

Crie uma página simples de currículo, com nome,
um resumo curto, lista de experiências e contato.
Use um nome fictício de exemplo.

Em segundos, repare que a resposta não vem só como texto na conversa. Abre um painel à direita (no celular, costuma aparecer como um cartão que você toca para expandir) mostrando o currículo já formatado, com títulos, espaçamento, visual de página pronta.

Isso é o Artifact. Você acabou de "construir" algo sem abrir nenhum editor, sem instalar programa, sem saber uma linha de código.

Editando: é só pedir a mudança

A melhor parte: você não mexe no painel na mão. Você conversa e o Claude refaz. Continue na mesma conversa e peça ajustes, um de cada vez:

Deixe o cabeçalho com o nome maior e centralizado.
Troque a seção de contato por e-mail e telefone, lado a lado.
Adicione uma seção "Formação" antes de "Experiências".

A cada pedido, o Artifact se atualiza no painel. É como pedir correções a um designer paciente que entrega na hora. Mude uma coisa por vez: fica mais fácil ver o efeito e voltar atrás se não gostar.

Onde os Artifacts aparecem

Você vai topar com eles sempre que pedir algo que dê para "montar":

  • Documentos longos: um roteiro, um plano, um texto de várias seções.
  • Tabelas e listas organizadas: uma planilha de tarefas, um comparativo.
  • Páginas: como o currículo do exemplo, ou um cartão de visita, um cardápio.
  • Mini-apps: uma calculadora simples, um contador, um joguinho de adivinhação que roda dentro do painel.

Você não precisa pedir "faça um Artifact". O Claude decide sozinho quando a criação merece o painel. Você só descreve o que quer.

Se algo der errado

  • Não apareceu nenhum painel. Talvez o pedido tenha sido pequeno demais e o Claude respondeu no chat mesmo. Seja mais explícito: "monte isso como uma página pronta" ou "organize numa tabela". Conteúdo maior tende a virar Artifact.
  • O painel sumiu ou ficou estranho. No computador, procure um botão para reabrir o Artifact (costuma ter um ícone perto da resposta). No pior caso, peça: "mostre o currículo de novo no painel".
  • Você quer guardar o resultado. Procure no canto do painel as opções de copiar ou baixar. Assim você leva o texto ou o arquivo para fora do Claude. Não confie só na memória da conversa.
  • Pediu muitas mudanças de uma vez e bagunçou. Volte um passo: "desfaça a última mudança" ou "volte para a versão com a formação no topo". Ir devagar evita esse nó.

No próximo post...

Você viu o Claude construir pela primeira vez. No próximo post, vamos deixar ele com a sua cara: como dar instruções permanentes (quem é você, como gosta das respostas), escolher um estilo e usar o que ele consegue lembrar entre conversas — pra parar de repetir tudo toda vez.

Curtiu como a gente pensa?

É assim que trabalhamos todo dia.

Se esse jeito de pensar é o seu, vem construir com a gente — dá uma olhada nas vagas abertas.

Ver vagas