Artefatos do Claude: o que são, exemplos e como compartilhar um

O que são os artefatos do Claude

A central de ajuda da Anthropic diz que o Claude cria um artefato quando o que ele está escrevendo é:

• substancial e completo em si, normalmente com mais de 15 linhas;
• algo que você provavelmente vai editar, refazer ou usar fora da conversa;
• capaz de se sustentar sozinho, sem o resto do chat;
• algo a que você provavelmente vai voltar.

Você também pode pedir um, em qualquer chat ou no Claude Code, ou começar de um modelo na aba Artifacts (Artefatos), onde fica tudo o que você cria. Na web e no Claude Desktop você cria, edita e compartilha artefatos. No Claude para iOS e Android você pode pedir um, ver e editar, mas as configurações de compartilhamento são mudadas na web ou no app para computador.

Os artefatos feitos numa conversa antes de 16 de setembro de 2026 são o que a Anthropic chama de artefatos legados (legacy artifacts). Eles continuam funcionando e ainda podem ser publicados e compartilhados, mas os novos já não são feitos assim. A diferença pesa mais no compartilhamento, mais abaixo.

Os tipos de artefato

O Claude consegue fazer um de quase qualquer coisa, diz o artigo de ajuda: documentos, trechos de código, sites de uma página, imagens, diagramas e fluxogramas, painéis e pequenos apps interativos. Cinco modelos dão aos mais comuns um ponto de partida e um editor próprio:

• Docs: documentos que você escreve com o Claude e com a sua equipe, exportados para Word, PDF, Markdown ou Google Docs.
• Slides: apresentações que você edita slide por slide e apresenta no Claude, exportadas para PowerPoint ou PDF.
• Design: mockups, protótipos, one-pagers e landing pages, exportados como .zip, PDF, PowerPoint ou HTML independente.
• Dashboards (beta): gráficos das suas plataformas de dados ou dos apps conectados, cada um mostrando a consulta que usa.
• Motion (beta): explicações animadas e passo a passos, exportados como MP4, no Team e no Enterprise.

Alguns artefatos chamam o próprio Claude, o que os torna pequenos apps: um coach, um quiz, um jogo. Quem usa um entra com a própria conta do Claude, e o que pergunta conta no plano dessa pessoa, não no seu. No Claude Code, um artefato é uma página HTML ou Markdown, publicada num endereço privado em claude.ai, que vai se atualizando enquanto a sessão avança.

Dá para usar os artefatos do Claude de graça?

Sim. Os artefatos estão no Free como no Pro, no Max, no Team e no Enterprise, e os modelos Docs, Slides e Design também. O que o Free não tem, pelas tabelas da Anthropic:

• o modelo Dashboards, a partir do Pro, e o Motion, no Team e no Enterprise;
• conectar seus apps a um artefato, e armazenar dados num artefato, a partir do Pro;
• compartilhar um artefato novo num link, a partir do Pro. O Free ainda pode publicar um artefato legado num link público.

Em todos os planos, eles precisam da opção Cloud code execution and file creation (execução de código na nuvem e criação de arquivos) ligada, em Settings, Capabilities (Configurações, Recursos), ou em Organization settings no Team e no Enterprise. No Claude Code, os artefatos estão no Pro, no Max, no Team e no Enterprise.

Exemplos de artefatos do Claude

As páginas da Anthropic dão os seus próprios: um diário ou um controle que lembra o que você anota, um jogo cujo ranking todo mundo compartilha, e no Claude Code o passo a passo de um pull request com o diff comentado, um painel com dados que a sessão buscou, ou uma linha do tempo que vai se preenchendo enquanto uma tarefa roda.

Para abrir exemplos que funcionam, a galeria de modelos do Solta tem os tipos de página que as pessoas pedem ao Claude. Cada um é um único arquivo React, no ar num link próprio, e você pode fazer um remix e mudá-lo com as suas palavras. As páginas dos modelos estão em inglês:

• Modelo de proposta de projeto: três opções com preço, extras e um cronograma que acompanham a escolha, com aprovação na tela.
• Modelo de calculadora de ROI: controles deslizantes, prazo de retorno, um gráfico de três anos e três cenários, com os números guardados no link.
• Modelo de painel de SaaS: MRR por plano, novos clientes, expansão e cancelamentos, uma ponte de receita e uma tabela de contas que dá para ordenar.
• Modelo de orçamento: itens, descontos, IVA e totais, impressos numa página A4 limpa ou copiados como texto.
• Modelo de roteiro de viagem: um roteiro por dia, uma lista do que levar, um orçamento dividido entre os viajantes e uma contagem regressiva.
• Modelo de site de casamento com confirmação de presença: o dia, a viagem, onde ficar e uma confirmação de presença com opções de jantar que os convidados podem mudar.
• Modelo de controle de hábitos: sequências, uma faixa da semana e um mapa de calor de 16 semanas, salvos no aparelho e instaláveis como app.

Veja todos os modelos. Um site no plano Free do Solta leva uma pequena marca Made with Solta, que leva a como páginas como estas são feitas e publicadas.

Como compartilhar um artefato do Claude

Os artefatos começam privados, só seus. Para compartilhar um, abra o artefato e clique em Share (compartilhar), e escolha quem tem acesso: no Pro e no Max, Only you (só você) ou Anyone with the link (qualquer pessoa com o link), e você pode convidar pessoas por e-mail (em beta). No Team e no Enterprise, eles ficam dentro da sua organização, a menos que um Owner (proprietário) ative o compartilhamento externo.

Quem consegue abrir é o ponto a conferir. O artigo da Anthropic sobre compartilhamento diz que todo mundo precisa de uma conta no Claude para abrir um artefato compartilhado, mesmo com o link, e quem você convida por e-mail precisa de uma conta com esse endereço. A exceção é um artefato legado publicado de uma conversa, no Free, no Pro ou no Max: qualquer pessoa com o link pode ver e usar sem conta, e só é convidada a criar uma nas partes que usam o Claude. Ele pode ser incorporado em outros sites que você indicar, e cancelar a publicação dele não tem volta. A documentação do Claude Code diz que um artefato que ele publica e que você compartilha publicamente abre sem login.

Então, antes de mandar um, abra o link numa janela anônima do navegador, onde você não está conectado ao Claude. Se ele abrir e funcionar ali, o link do Claude é tudo de que você precisa.

Quando colocar no Solta

Quando quem vai ver não tem conta no Claude, ou você quer decidir mais sobre o link, publique o próprio código. O Solta serve um arquivo HTML do jeito que ele é, e transforma um componente React em página quando você publica, com React, Tailwind e os componentes shadcn/ui que ele importa. E aí:

• Sem conta para abrir. Um link público ou não listado abre para qualquer pessoa que o tenha, em todos os planos, e quem vê nunca paga.
• Uma senha, ou pessoas com nome. Senha em todos os planos (1 site por vez no Free e 5 no Plus). Convidados, nos planos Pro e Team, abre só para os e-mails que você adicionar, cada um confirmado uma vez.
• Versões. Uma mudança é um rascunho até você publicar, e cada versão publicada tem o próprio endereço. O Free guarda as últimas 3; nos planos Pro e Team, ficam todas.
• Comentários. Quando você os liga (eles começam desligados), qualquer pessoa que consegue abrir um site público ou não listado pode comentar na página dele no Solta, deixando o e-mail, sem conta. O endereço próprio do site continua sem comentários.
• Seu próprio domínio. 1 domínio no Plus, 10 no Pro e quantos você precisar no Team. Todo site também tem um endereço próprio em solta.site.
• Incorporar. Um site público ou não listado pode entrar no site da sua empresa com um pequeno trecho de código; no plano Free, ele leva um pequeno selo do Solta.

Os passos estão em dois guias: hospedar o que o Claude fez num link próprio, React incluído, e mandar para um cliente que não tem conta no Claude. Uma página que chama o Claude enquanto as pessoas a usam precisa chamar um modelo pelo próprio endereço, nos planos Pro e Team: como um site chama um modelo.

Cole sua página na caixa lá em cima

Por que um artefato React aparece em branco em outro lugar

O código copiado do Claude como arquivo .jsx ou .tsx é um componente React, não uma página. Um navegador não consegue rodar o JSX nem os imports dele do jeito que estão, e nada monta o componente, então o arquivo aberto sozinho não mostra nada. As cinco causas, o que o console mostra em cada uma, e a correção.

Publique direto da conversa

Para não precisar copiar, adicione o Solta ao Claude como conector uma vez. Depois peça, em qualquer chat, para publicar o que o Claude fez, e o link volta na conversa.

No Claude: Customize → Connectors → Add custom connector (Personalizar → Conectores → Adicionar conector personalizado), dê o nome “Solta” e, em URL, https://mcp.solta.now/mcp; depois entre no Solta, clique em Allow (permitir) e ligue o Solta nesta conversa.

Funciona no ChatGPT também. Configure o conector.

Perguntas