Artefactos do Claude: o que são, exemplos e como partilhar um

O que são os artefactos do Claude

O artigo de ajuda da Anthropic diz que o Claude cria um artefacto quando o que está a escrever é:

• substancial e completo por si só, normalmente com mais de 15 linhas;
• algo que provavelmente vai editar, retrabalhar ou reutilizar fora da conversa;
• capaz de se aguentar sozinho, sem o resto do chat;
• algo a que provavelmente vai voltar.

Também pode pedir um, em qualquer chat ou no Claude Code, ou começar a partir de um modelo no separador Artifacts (Artefactos), onde fica guardado tudo o que cria. Na web e no Claude Desktop pode criá-los, editá-los e partilhá-los. No Claude para iOS e Android pode pedir um, vê-lo e editá-lo, mas as definições de partilha mudam-se na web ou na aplicação para computador.

Os artefactos feitos numa conversa antes de 16 de setembro de 2026 são o que a Anthropic chama artefactos antigos (legacy artifacts). Continuam a funcionar e ainda podem ser publicados e partilhados, mas os novos já não são feitos assim. A diferença pesa sobretudo na partilha, mais abaixo.

Os tipos de artefacto

O Claude consegue fazer um a partir de quase tudo, diz o artigo de ajuda: documentos, excertos de código, sites de uma página, imagens, diagramas e fluxogramas, painéis e pequenas aplicações interativas. Cinco modelos dão aos mais comuns um ponto de partida e um editor próprio:

• Docs: documentos que escreve com o Claude e com a sua equipa, exportados para Word, PDF, Markdown ou Google Docs.
• Slides: apresentações que edita diapositivo a diapositivo e apresenta no Claude, exportadas para PowerPoint ou PDF.
• Design: maquetas, protótipos, one-pagers e landing pages, exportados como .zip, PDF, PowerPoint ou HTML autónomo.
• Dashboards (beta): gráficos das suas plataformas de dados ou de aplicações ligadas, cada um a mostrar a consulta que usa.
• Motion (beta): explicações animadas e visitas guiadas, exportadas como MP4, no Team e no Enterprise.

Alguns artefactos chamam o próprio Claude, o que os torna pequenas aplicações: um treinador, um questionário, um jogo. Quem usa um inicia sessão com a sua própria conta do Claude, e o que pergunta conta no plano dessa pessoa, não no seu. No Claude Code, um artefacto é uma página HTML ou Markdown, publicada num endereço privado em claude.ai, que se vai atualizando à medida que a sessão avança.

É possível usar os artefactos do Claude de graça?

Sim. Os artefactos estão no Free tal 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, segundo as tabelas da Anthropic:

• o modelo Dashboards, a partir do Pro, e o Motion, no Team e no Enterprise;
• ligar as suas aplicações a um artefacto, e guardar dados num artefacto, a partir do Pro;
• partilhar um artefacto novo num link, a partir do Pro. O Free ainda pode publicar um artefacto antigo num link público.

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

Exemplos de artefactos do Claude

As páginas da Anthropic dão os seus: um diário ou um registo que se lembra do que escreve, um jogo cuja tabela de classificação é partilhada por todos, e no Claude Code uma visita guiada a um pull request com o diff anotado, um painel com dados que a sessão foi buscar, ou uma cronologia que se vai preenchendo enquanto uma tarefa corre.

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 ficheiro React, online num link próprio, e pode fazer um remix e alterá-lo por palavras suas. 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 calendário que acompanham a escolha, com aprovação no ecrã.
• Modelo de calculadora de ROI: controlos deslizantes, prazo de retorno, um gráfico a 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 se pode ordenar.
• Modelo de orçamento: linhas de artigos, descontos, IVA e totais, impressos numa página A4 limpa ou copiados como texto.
• Modelo de itinerário de viagem: um itinerário por dia, uma lista do que levar, um orçamento dividido entre os viajantes e uma contagem decrescente.
• 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 alterar.
• Modelo de registo de hábitos: sequências, uma faixa da semana e um mapa de calor de 16 semanas, guardados no dispositivo e instaláveis como aplicação.

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

Como partilhar um artefacto do Claude

Os artefactos começam privados, só para si. Para partilhar um, abra-o, carregue em Share (partilhar) e escolha quem tem acesso: no Pro e no Max, Only you (só eu) ou Anyone with the link (qualquer pessoa com o link), e pode convidar pessoas por e-mail (em beta). No Team e no Enterprise, ficam dentro da sua organização, a menos que um Owner (proprietário) ative a partilha externa.

Quem o consegue abrir é o que convém confirmar. O artigo da Anthropic sobre partilha diz que todos precisam de uma conta do Claude para abrir um artefacto partilhado, mesmo com o link, e quem convidar por e-mail precisa de uma conta com esse endereço. A exceção é um artefacto antigo publicado a partir de uma conversa, no Free, no Pro ou no Max: qualquer pessoa com o link pode vê-lo e usá-lo sem conta, e só lhe pedem que crie uma nas partes que usam o Claude. Pode ser incorporado noutros sites que indicar, e cancelar a sua publicação não tem volta. A documentação do Claude Code diz que um artefacto que ele publica e que partilha publicamente abre sem iniciar sessão.

Por isso, antes de o enviar, abra o link numa janela privada do browser, onde não tem sessão iniciada no Claude. Se abrir e funcionar aí, o link do Claude é tudo o que precisa.

Quando o pôr no Solta

Quando a pessoa a quem se destina não tem conta do Claude, ou quer ter mais controlo sobre o link, publique o próprio código. O Solta serve um ficheiro HTML tal como é, e transforma um componente React numa página quando o publica, com o React, o Tailwind e os componentes shadcn/ui que ele importa. A partir daí:

• 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 palavra-passe, ou pessoas com nome. Palavra-passe em todos os planos (1 site de cada vez no Free e 5 no Plus). Convidados, nos planos Pro e Team, abre só para os endereços de e-mail que adicionar, cada um confirmado uma vez.
• Versões. Uma alteração é um rascunho até a publicar, e cada versão publicada tem o seu próprio endereço. O Free guarda as últimas 3; nos planos Pro e Team, ficam todas.
• Comentários. Depois de os ativar (começam desativados), qualquer pessoa que consiga 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.
• O seu próprio domínio. 1 domínio no Plus, 10 no Pro e quantos precisar no Team. Cada site tem também 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 excerto de código; no plano Free, leva um pequeno selo do Solta.

Os passos estão em dois guias: alojar o que o Claude fez num link próprio, React incluído, e enviá-lo a um cliente que não tem conta do Claude. Uma página que chama o Claude enquanto as pessoas a usam tem de chamar um modelo através do seu próprio endereço, nos planos Pro e Team: como um site chama um modelo.

Cole a sua página na caixa lá em cima

Porque é que um artefacto React aparece em branco noutro lado

O código copiado do Claude como ficheiro .jsx ou .tsx é um componente React, não uma página. Um browser não consegue correr o JSX nem os imports dele tal como estão, e nada monta o componente, por isso o ficheiro aberto sozinho não mostra nada. As cinco causas, o que a consola mostra em cada uma, e a solução.

Publique a partir da conversa

Para não ter de 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ê-lhe o nome «Solta» e, em URL, https://mcp.solta.now/mcp; depois inicie sessão no Solta, carregue em Allow (permitir) e ligue o Solta nesta conversa.

Também funciona no ChatGPT. Configure o conector.

Perguntas