Í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) Está disponível nos planos Pro, Max, Team e 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 só para você até que você a compartilhe).
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 | Privado por padrão; compartilhe na organização ou por link público (no Team / Enterprise, um Owner precisa habilitar o compartilhamento 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 pode ser compartilhada." 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) — to a temp folder outside your project unless you name a location — and publishes it
# In plan mode, or when the page declares capabilities such as connector calls, Claude asks first
# 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, e cada publicação vira uma nova versão (no controle Share você escolhe qual versão os outros veem). Para atualizar a partir de uma sessão diferente, cole a URL do artifact (caso contrário, um novo artifact é criado). Um novo artifact é visível só para você no início. Compartilhe pelo controle Share no cabeçalho: no Team / Enterprise você pode dar acesso a pessoas específicas ou à organização inteira, e um link público permite que qualquer pessoa o abra sem entrar no claude.ai (no Team / Enterprise, só se um Owner tiver habilitado o compartilhamento externo). Quem recebe acesso é leitor por padrão; no Team / Enterprise você também pode tornar alguém editor. 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 autenticar quem a visualiza nem servir múltiplas rotas (apenas âncoras na própria página). Para buscar dados atualizados na visualização, ela chama conectores MCP por meio do claude.ai.
· Requisições externas limitadas: com uma CSP estrita, a página só pode carregar fontes do Google Fonts e scripts de cinco CDNs públicos (cdnjs, unpkg, jsDelivr etc.). Os demais scripts/CSS/fontes/imagens externos são bloqueados, e fetch, XHR e WebSocket só alcançam a própria origem da página e o Google Fonts. O restante do CSS/JS é embutido; 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 mostrá-lo fora da organização, compartilhe um link público (no Team / Enterprise, se um Owner tiver habilitado o compartilhamento externo) ou peça ao Claude o arquivo HTML bruto.
6. Disponibilidade e controles de administração
Requisitos em 4 de outubro de 2026 (confirme o mais recente na documentação).
| Item | Detalhes |
|---|---|
| Planos | Pro / Max / Team / Enterprise. Ligado por padrão no Team / Enterprise; um Owner pode desligá-lo para a organização |
| Status | Anunciado como beta em 18 de junho de 2026 (inicialmente só Team / Enterprise) |
| 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 "enableArtifact": false 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 (anunciado em 18 de junho de 2026) 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 com a sua equipe. Ele é distinto do Artifacts estilo canvas do claude.ai de 2024: originado da sessão, autoatualizável, privado por padrã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, requisições externas limitadas (CSP), uma única página, ≤ 16 MiB. Funciona nos planos Pro / Max / Team / Enterprise e 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 privada por padrã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), publica e exibe uma URL (no modo plano, ou quando a página declara recursos como chamadas de conectores, ele pergunta antes). Reabra o mais recente com Ctrl+].
Q. Qualquer um pode ver a página? Posso torná-la pública?
A. Um novo artifact é visível só para você no início. Use Share no cabeçalho da página: no Team / Enterprise você pode compartilhar com pessoas específicas ou com a organização inteira. Com um link público, qualquer pessoa pode abri-lo sem entrar no claude.ai (no Team / Enterprise, só se um Owner tiver habilitado o compartilhamento externo). Quem recebe acesso é leitor por padrão; no Team / Enterprise você também pode tornar alguém editor.
Q. Posso construir um app web funcional?
A. Não. A documentação chama o artifact de "uma captura do trabalho." Ele não tem backend, tem requisições externas limitadas (a CSP só deixa fetch/XHR/WebSocket alcançarem a própria origem da página e poucos hosts), é uma única página e tem limite de ≤ 16 MiB. Se você precisa de chamadas de API arbitrárias ou armazenamento de dados, 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 4 de outubro de 2026, está disponível nos planos Pro / Max / Team / Enterprise. Fica ligado por padrão no Team / Enterprise, e um Owner pode desligá-lo para a organização. 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.
