Claude Code /design: o que a prévia de pesquisa faz

A skill /design do Claude Code, uma prévia de pesquisa anunciada no digest da Semana 34 da Anthropic (17 a 21 de agosto de 2026), recebe um briefing e publica um canvas de artboards de UI editáveis como um artifact; você escolhe um, ajusta e pede ao Claude para implementá-lo. Ela roda na CLI e no Claude Code Desktop, exige a v2.1.233 ou posterior e está disponível nos planos Pro, Max, Team e Enterprise.¹ Como publica em artifacts, ela também está sujeita aos pré-requisitos de artifacts: uma sessão autenticada em uma conta do claude.ai na API da Anthropic.⁵ O registro público no lançamento se resume a três páginas curtas (o digest, a descrição da própria skill e a página de disponibilidade de artifacts que o digest linka), então esta primeira análise fica curta: o que a Anthropic diz que a skill faz, o que você recebe de volta, o que ela exige e onde a superfície documentada termina. {.answer-block}

TL;DR

• Um comando, um canvas. /design <brief> faz o Claude rascunhar um design com vários artboards e publicá-lo como um artifact; o Claude imprime o link quando termina.¹
• Dois níveis de resultado. Onde sua conta permite salvar, você recebe um editor visual e um Save que publica uma nova versão para todo mundo; todos os outros recebem uma prévia para visualizar e exportar (PNG/PDF).²
• O piso é a v2.1.233 (14 de agosto de 2026) nos planos Pro, Max, Team ou Enterprise, na CLI ou no Claude Code Desktop, mais os pré-requisitos de artifacts: login no claude.ai na API da Anthropic, com CMEK, HIPAA e Zero Data Retention desativados para a organização.¹³⁵
• A prévia para no canvas. Nem o digest nem a descrição listam flags ou limites de artboards; a descrição permite re-seeding sem defini-lo e aponta o Artifact publicado como o lugar para editar um canvas existente.²⁴

O que a skill /design faz?

O digest da Semana 34 da Anthropic descreve a skill em um parágrafo: ela “brings Claude Design’s artboard workflow into the CLI and Claude Code Desktop, built on artifacts. Run it with a brief and Claude publishes a canvas of editable artboards for your UI. Pick one, tweak it, then have Claude implement it.” (leva o fluxo de artboards do Claude Design para a CLI e o Claude Code Desktop, com base em artifacts: rode com um briefing e o Claude publica um canvas de artboards editáveis para sua UI; escolha um, ajuste e peça ao Claude para implementar).¹ O exemplo publicado é um briefing de produto, não uma especificação:

> /design redesign the composer based on what people actually use it for

O Claude imprime um link para o canvas publicado, e o card do digest incorpora um vídeo de demonstração.¹ Você abre o canvas, escolhe um artboard e diz ao Claude qual opção implementar.¹ A skill é dona apenas do primeiro passo, e a própria descrição diz isso na última frase: “Only for CREATING or re-seeding a canvas; an existing one is edited in its published Artifact.” (só para CRIAR ou fazer re-seeding de um canvas; um canvas existente é editado no Artifact publicado).² O segundo passo acontece no artifact, e o terceiro é trabalho comum do Claude Code na sua base de código.

A descrição da skill dentro do produto fornece a mecânica. Ela chama a saída de “a multi-artboard visual design published as an Artifact that runs Claude Design’s canvas editor (an early preview of Claude Design inside Claude Code)” (um design visual com vários artboards publicado como um Artifact que roda o editor de canvas do Claude Design, uma prévia inicial do Claude Design dentro do Claude Code), rascunhado “as .dc.html artboards laid out on one pan/zoom canvas” (como artboards .dc.html dispostos em um único canvas com pan e zoom).² Uma execução coloca todos os artboards em um único canvas, cada artboard um .dc.html.

A cláusula de gatilho da descrição também significa que você não precisa digitar o comando de barra. Ela instrui o Claude a usar a skill “when someone wants a design, mockup, wireframe, UI or screen design, landing page, poster, flyer, brochure, banner, card, one-pager, or any visual layout they would rather tweak by hand than in code” (quando alguém quer um design, mockup, wireframe, design de UI ou de tela, landing page, pôster, flyer, folheto, banner, card, one-pager ou qualquer layout visual que prefira ajustar à mão em vez de em código), então um pedido de mockup em linguagem comum pode invocar o /design por conta própria.²

O que você recebe de volta?

A descrição divide o resultado por conta. Onde sua conta permite salvar, “they refine every element visually (click-to-select, a properties panel, inline text editing, undo/redo) and Save publishes a new version for everyone” (a pessoa refina cada elemento visualmente, com clique para selecionar, painel de propriedades, edição de texto inline e desfazer/refazer, e o Save publica uma nova versão para todo mundo). Caso contrário, “they get a view-and-export (PNG/PDF) preview of your draft” (ela recebe uma prévia do seu rascunho para visualizar e exportar em PNG/PDF).²

A descrição também vai além da UI de apps. Ela lista “UI mockups and screen flows, landing pages, marketing and social graphics, and print pieces” (mockups de UI e fluxos de tela, landing pages, peças gráficas de marketing e redes sociais e peças impressas), com “posters, flyers, brochures as single-page artboards; memos and reports as one flowing artboard” (pôsteres, flyers e folhetos como artboards de página única; memorandos e relatórios como um único artboard corrido).² O exemplo do digest é UI; a lista mais ampla continua sendo a declaração de escopo da própria Anthropic.

O que ela exige?

Confira sua build com claude --version; o digest cobre a janela da v2.1.234 à v2.1.239, mas fixa o requisito um lançamento antes.¹ O guia de início rápido cobre a instalação e a configuração da primeira sessão.

As linhas de artifacts importam porque o digest chama a skill de “built on artifacts” (construída sobre artifacts) e linka a página de disponibilidade a partir do card do /design, sob “Where artifacts are available” (onde artifacts estão disponíveis).¹ O enquadramento da Anthropic ali é rígido: “Artifacts require every condition below. When one is not met, Claude writes a local HTML file or says it cannot publish instead.” (artifacts exigem todas as condições abaixo; quando uma não é atendida, o Claude grava um arquivo HTML local ou diz que não consegue publicar).⁵ Uma sessão com chave de API, ou no Amazon Bedrock, no Agent Platform do Google Cloud ou no Microsoft Foundry, atende ao piso de versão e ainda assim não consegue publicar o canvas.⁵ A mesma página também descreve uma skill de design embutida separada, que estiliza todo artifact que o Claude constrói (v2.1.182 ou posterior) e que não é o /design.⁵

Onde a prévia para?

As três páginas são todo o registro público sobre a skill em si; a página de produto do Claude Design descreve o editor, não a skill. Prefiro listar o que elas deixam de fora a adivinhar.⁴

• Sem flags ou opções. O digest mostra /design seguido de prosa. Nem o digest nem a descrição listam chaves para quantidade de artboards, tamanho do canvas, moldura de dispositivo ou nível de saída.
• Sem quantidade declarada de artboards. O “a canvas of editable artboards” (um canvas de artboards editáveis) do digest e o “multi-artboard” (vários artboards) da descrição são as únicas quantidades informadas.
• Re-seeding, sem definição. A descrição permite “re-seeding a canvas” (fazer re-seeding de um canvas) sem dizer o que o re-seeding envolve, e aponta a edição “in its published Artifact” (no Artifact publicado) como o caminho para um canvas existente.²
• Sem explicação da trava de salvamento. A descrição diz “where saving is enabled for the user’s account” (onde o salvamento está habilitado para a conta do usuário) sem nomear quais contas, nem como verificar sem rodar a skill.² A página de artifacts lista quem pode publicar; se as mesmas condições regem o nível de edição, isso fica sem resposta.⁵
• Sem relato da implementação. O digest diz que você informa ao Claude qual opção implementar; se o Claude então lê o artboard .dc.html ou trabalha a partir da sua descrição, ninguém diz.¹

O digest rotula a skill como prévia de pesquisa, então cada um desses pontos pode mudar sem aviso.¹

O que mais saiu na Semana 34?

Dois outros destaques dividem o digest. Concise é um novo estilo de saída embutido (v2.1.237): o Claude abre com o resultado e pula o preâmbulo, trabalhando com o mesmo rigor do Default, e relatórios de erro, alertas de segurança e confirmações de ações destrutivas continuam completos; defina "outputStyle": "Concise" em ~/.claude/settings.json ou escolha em /config, depois rode /clear ou inicie uma nova sessão. O Remote Control também saiu da prévia de pesquisa: qualquer máquina rodando claude remote-control aparece como um card de dispositivo na aba Code do app do Claude para celular, e tocar nele inicia uma sessão ali.¹

FAQ

O que é a skill /design no Claude Code?

Uma skill em prévia de pesquisa que recebe um briefing, rascunha um design com vários artboards e o publica como um artifact rodando o editor de canvas do Claude Design. Você escolhe um artboard e pede ao Claude para implementá-lo.¹²

Qual versão do Claude Code eu preciso para o /design?

v2.1.233 ou posterior, lançada em 14 de agosto de 2026. Rode claude --version para conferir.¹³

Quais planos podem usar o /design?

Pro, Max, Team e Enterprise, na CLI e no Claude Code Desktop.¹

Posso editar os artboards que o /design produz?

Só onde sua conta permite salvar: nesse caso você tem clique para selecionar, painel de propriedades, edição de texto inline, desfazer/refazer e um Save que publica uma nova versão para todo mundo. Caso contrário, você recebe uma prévia para visualizar e exportar (PNG/PDF).²

O /design funciona com chave de API ou no Bedrock, Google Cloud ou Foundry?

Não, segundo a documentação. A skill publica em artifacts, e a página de artifacts da Anthropic diz que sessões usando chave de API, token de gateway ou credencial de provedor de nuvem não conseguem publicar, e que artifacts não estão disponíveis no Amazon Bedrock, no Agent Platform do Google Cloud nem no Microsoft Foundry. Você precisa de login no claude.ai na API da Anthropic. A página de artifacts diz que o Claude então grava um arquivo HTML local ou diz que não consegue publicar; nenhuma das fontes diz qual das duas coisas o /design faz.⁵

O /design serve só para UI de apps?

Não. A descrição também lista landing pages, peças gráficas de marketing e redes sociais, peças impressas como pôsteres, flyers e folhetos, e memorandos e relatórios como um único artboard corrido.²

Principais conclusões

Para engenheiros de produto: - Peça um mockup em linguagem comum sobre uma tela real; a cláusula de gatilho da descrição deixa o Claude invocar a skill a partir desse pedido, sem digitar comando de barra.² - Escreva o briefing como prosa, como no exemplo da Anthropic; o exemplo documentado é prosa, e nem o digest nem a descrição listam uma flag.¹ - Mantenha seu próprio registro de qual artboard você escolheu; o digest nunca diz o que o Claude lê depois da escolha.¹

Para designers: - Confirme se sua conta permite salvar antes de planejar uma rodada de revisão; sem isso, o canvas é só para visualizar e exportar.² - Um flyer de uma página ou uma peça para redes sociais é um teste tão válido quanto um fluxo de UI; os dois estão dentro do escopo declarado.²

Para líderes de equipe: - Verifique a v2.1.233 ou posterior em toda a equipe, mais os pré-requisitos de artifacts (login no claude.ai, API da Anthropic, sem CMEK, HIPAA ou Zero Data Retention), e espere que a skill mude enquanto carregar o rótulo de prévia de pesquisa.¹³⁵ - Construa processo em torno apenas dos três passos documentados; flags, limites e re-seeding continuam sem documentação.⁴

Depois que um artboard existe, design para superfícies de agentes de IA cobre os princípios de interação que ele ainda precisa satisfazer.