Índice
Em 18 de junho de 2026, a Anthropic lançou o Claude Code Artifacts (beta) — um recurso que transforma uma sessão de programação no terminal em uma página web "viva" que sua equipe pode compartilhar. Em vez de o Claude Code despejar infinitos git diff e logs como texto, ele pode publicar um passo a passo anotado de um PR, um dashboard que se atualiza sozinho ou a linha do tempo de um incidente como uma única página.
Este artigo cobre o que é o Artifacts, como ele difere do Artifacts do claude.ai de 2024, como usá-lo, seus limites e a disponibilidade — com base na documentação oficial. Três pontos-chave de antemão. (1) Ele publica a saída de uma sessão como uma página em uma URL privada do claude.ai, e o conteúdo se atualiza conforme o trabalho avança. (2) Não há um comando /artifact dedicado — você pede em linguagem natural ("faça uma página que percorra este PR com anotações"). (3) Por enquanto é um beta para Team / Enterprise, utilizável apenas em sessões autenticadas via /login (não com uma chave de API).
Transforme uma sessão em uma "página compartilhada"
— da saída do terminal a uma página viva que você pode ver e com a qual pode interagir
Ele publica em uma URL privada do claude.ai (visível apenas para membros da organização).
Cada atualização vira uma nova versão na mesma URL, e a página se atualiza no lugar para quem a tem aberta.
1. O que é o Claude Code Artifacts
A definição oficial: "um artifact é uma página web viva e interativa que o Claude Code publica a partir da sua sessão em uma URL privada no claude.ai." Abra-a em um navegador e ela se atualiza no lugar conforme a sessão continua. A página é "construída a partir de qualquer coisa que sua sessão consiga alcançar, incluindo sua base de código e dados que ela puxa por meio das ferramentas conectadas" (conectores MCP).
A ideia é "transformar uma saída difícil de transmitir como texto de terminal em uma única página que você pode ver e com a qual pode interagir." Por exemplo, durante uma investigação longa você pode compartilhar uma linha do tempo de incidente que vai sendo preenchida enquanto você trabalha, ou uma checklist de release que se marca sozinha conforme as tarefas são concluídas. A Anthropic posiciona o recurso como uma ferramenta de colaboração que "permite às equipes gastar menos tempo com atualizações de status e mais tempo construindo." Pense nele como uma nova superfície de saída do Claude Code, ao lado de Skills e MCP.
2. Como difere do Artifacts do claude.ai de 2024
Muita gente vai lembrar do Artifacts em painel lateral (canvas) que apareceu no chat do claude.ai em 2024. Eles compartilham nome e linhagem, mas o Claude Code Artifacts é uma superfície diferente. Como os dois são fáceis de confundir, aqui vai o detalhamento (nota: este contraste é uma síntese nossa — a Anthropic não os apresenta lado a lado).
| Artifacts do claude.ai (2024) | Claude Code Artifacts (2026) | |
|---|---|---|
| Onde aparece | Um canvas ao lado do chat no claude.ai | Uma página independente a partir de uma sessão de programação no terminal |
| Origem do conteúdo | A conversa do chat | A sessão inteira (base de código, conectores) |
| Atualização ao vivo para quem vê | Não (você regenera no chat) | Sim (a página publicada se atualiza no lugar) |
| Escopo de compartilhamento | Pode ser tornado público | Somente na organização; não pode ser tornado público |
Em uma frase: a versão de 2024 "renderiza um artifact dentro do chat", enquanto a versão Claude Code de 2026 "transforma uma sessão de programação no terminal em uma página web que se atualiza sozinha e é compartilhada na organização." Mesmo nome, mas caso de uso diferente e uma forma de compartilhamento diferente.
3. Para que ele serve
Os casos de uso que a Anthropic cita são exatamente aqueles em que "ver uma página vale mais do que ler texto".
Quando uma "página" vence o texto
O teste comum: "esta saída é mais fácil de ver e com a qual interagir do que de ler linha por linha?"
4. Como usar
A maior peculiaridade: não existe um comando /artifact dedicado. Você pede em linguagem natural, ou o Claude se oferece quando a saída combina com uma página. O fluxo:
# 1) Peça em linguagem natural durante uma sessão (exemplos)
Make an artifact that walks through this PR with the diff annotated inline.
Build a dashboard artifact of last week's deploy failures by service and keep it updated as you investigate.
# 2) Claude writes a .html (or .htm / .md) into your project and asks to publish
# "Claude wants to publish 'Deploy failures by service' (deploy-failures.html) to a private page on claude.ai" -> Yes
# 3) The URL is printed and opens in your browser. Reopen the latest with Ctrl+]
# Disable auto-open with CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0Para atualizar, basta pedir ao Claude que revise — ele edita o arquivo e publica na mesma URL, com cada publicação registrada como uma nova versão (você pode restaurar as antigas). Para atualizar a partir de uma sessão diferente, cole a URL do artifact (caso contrário, um novo artifact é criado). Compartilhe pelo controle "Share" no cabeçalho da página para conceder acesso a pessoas específicas ou à organização inteira — um novo artifact é visível só para você no início. Quem visualiza precisa estar autenticado no claude.ai como membro da mesma organização, e é somente leitura (não há coedição — você continua sendo o único autor). Todos os seus artifacts ficam listados na galeria em claude.ai/code/artifacts.
5. Limites — não é um "app"
A documentação oficial afirma sem rodeios: "um artifact é uma captura do trabalho, não um aplicativo." Se interpretar isso errado, você vai se frustrar, então observe as restrições.
Principais restrições (oficial)
· Sem backend: uma única página estática. Não pode armazenar entrada de formulário, chamar uma API no momento da visualização nem servir múltiplas rotas (apenas âncoras na própria página).
· Sem requisições externas: uma CSP estrita bloqueia scripts/CSS/fontes/imagens externos, além de fetch, XHR e WebSocket. CSS/JS são embutidos; imagens são incorporadas como data URI.
· Tipos de arquivo e tamanho: somente .html / .htm / .md. A página renderizada deve ser ≤ 16 MiB (imagens grandes são a causa habitual de falhas de publicação).
· Custo em tokens: CSS/JS embutidos e imagens em data URI fazem com que ele consuma mais tokens do que texto de terminal.
Ou seja, o Artifacts não é "uma forma de construir um app em execução" — é "uma forma de consolidar a saída de uma sessão em uma única página compartilhável e legível." Se você precisa de uma ferramenta real que conversa com serviços externos, parta para o desenvolvimento normal e faça o deploy. Para compartilhar fora da organização, peça ao Claude que gere o arquivo HTML bruto (o compartilhamento para na fronteira da organização).
6. Disponibilidade e controles de administração
Em junho de 2026 o escopo é limitado (é um beta — confirme o mais recente na documentação).
| Item | Detalhes |
|---|---|
| Planos | Somente Team / Enterprise (não Pro/Max). Ligado por padrão no Team; no Enterprise um administrador o habilita |
| Status | Beta (lançado em 18 de junho de 2026) |
| Onde funciona | Claude Code CLI, ou o app desktop do Claude (v1.13576.0+). Desligado por padrão em contextos de Agent SDK / GitHub Action / servidor MCP |
| Autenticação | É preciso estar autenticado no claude.ai via /login. Chaves de API, tokens de gateway e credenciais de nuvem não podem publicar |
| Provedor do modelo | Somente a API da Anthropic (não Amazon Bedrock / Google Vertex / Microsoft Foundry) |
| Política da organização | Desativado para organizações com CMEK, HIPAA ou Zero Data Retention (ZDR) |
Para administradores há ativação/desativação em nível de organização, escopo baseado em papéis (Enterprise RBAC), políticas de retenção, um log de auditoria (claude_artifact_*) e uma Compliance API. Para desativar você mesmo, use "disableArtifact": true nas configurações, a variável de ambiente CLAUDE_CODE_DISABLE_ARTIFACT=1, ou negue a permissão Artifact. Se travar na autenticação, veja as soluções para erros de autenticação / login.
Resumo
O Claude Code Artifacts (18 de junho de 2026, beta) transforma uma sessão de programação no terminal em uma página compartilhada "viva" em uma URL privada do claude.ai. Passo a passo de PR, dashboards, linhas do tempo de incidente, checklists — saída mais fácil de ver do que de ler — compartilhada dentro da sua organização. Ele é distinto do Artifacts estilo canvas do claude.ai de 2024: originado da sessão, autoatualizável, somente na organização. Não há comando /artifact — você pede em linguagem natural, o Claude escreve um .html e publica, e cada atualização é uma nova versão na mesma URL.
Mas ele é "uma captura do trabalho, não um app" — sem backend, sem requisições externas (CSP), uma única página, ≤ 16 MiB. O uso é um beta para Team / Enterprise que exige autenticação via /login (não chaves de API) e somente a API da Anthropic (não Bedrock, etc.). Para equipes que querem reduzir o custo das atualizações de status, é uma opção forte. Relacionado: Claude Agent Skills, MCP, Claude Cowork.
FAQ
Q. Isto é o mesmo que o Artifacts do claude.ai de 2024?
A. Não, é diferente. A versão de 2024 renderiza um artifact em um canvas ao lado do chat no claude.ai. O Claude Code Artifacts transforma uma sessão de programação no terminal em uma página independente em uma URL privada do claude.ai, construída a partir da sessão inteira (base de código, conectores), autoatualizável e somente na organização. Eles compartilham nome e linhagem, mas a superfície e a forma de compartilhamento diferem.
Q. Como crio um? Existe um comando?
A. Não existe um comando /artifact dedicado. Peça em linguagem natural durante uma sessão ("faça um artifact que…"), ou o Claude se oferece quando a saída combina com uma página. O Claude escreve um .html (ou .htm / .md), pede permissão para publicar e exibe uma URL quando você aprova. Reabra o mais recente com Ctrl+].
Q. Qualquer um pode ver a página? Posso torná-la pública?
A. É somente na organização; você não pode torná-la pública. Um novo artifact é visível só para você no início; use Share no cabeçalho da página para conceder acesso a pessoas específicas ou à organização inteira. Quem visualiza precisa estar autenticado no claude.ai como membro da mesma organização, e é somente leitura. Para repassá-lo fora da organização, peça ao Claude que gere o arquivo HTML bruto.
Q. Posso construir um app web funcional?
A. Não. A documentação chama o artifact de "uma captura do trabalho, não um aplicativo." Ele não tem backend, nem requisições externas (uma CSP bloqueia fetch/XHR/WebSocket), é uma única página e tem limite de ≤ 16 MiB. Se você precisa de armazenamento de formulário ou chamadas de API, construa e faça o deploy normalmente. O Artifacts é especializado em "compartilhar saída de forma legível."
Q. Posso usar no meu plano?
A. Em junho de 2026 é um beta para Team / Enterprise (não Pro/Max). Ligado por padrão no Team; no Enterprise um administrador o habilita. Você precisa de uma sessão autenticada no claude.ai via /login, e chaves de API / credenciais de nuvem não podem publicar. O provedor é somente a API da Anthropic (não Bedrock/Vertex/Foundry). O escopo pode mudar, então confirme o mais recente na documentação oficial.
