Claude Design skill

O que ela faz

A claude-design faz o Claude trabalhar como designer e entregar o resultado em HTML: landing page, apresentação, protótipo clicável, animação, pôster ou wireframe. Se você cita um produto, uma versão ou um lançamento, ela pesquisa na web antes de desenhar, pra não montar a peça em cima de um dado errado.

Quando a peça é de uma marca, ela pede logo, fotos do produto, prints da interface, cores, fontes e guia de marca, procura o que faltar nos canais oficiais e grava tudo num brand-spec.md. Se o pedido é vago demais, ela propõe três direções de estilo bem diferentes, com uma prévia rápida de cada, e espera você escolher.

Antes de construir, ela declara a escala de fonte, as cores e o ritmo do layout. Entrega três ou mais variações, do conservador ao ousado, e evita degradê agressivo, emoji, card com faixa colorida na borda e as fontes de sempre. Onde falta imagem, põe um espaço marcado em vez de inventar. No fim, abre no navegador pra conferir.

Nas palavras de quem fez

Quando usar

• Montar a primeira versão de uma landing page pra mostrar ao cliente
• Fazer um pitch deck ou a apresentação de uma proposta
• Testar três caminhos visuais antes de escolher um
• Prototipar um fluxo de cadastro ou checkout pra clicar e sentir
• Criar o pôster ou a peça de lançamento de um produto

Depois de instalar, é só pedir assim

• Usa a claude-design pra criar a landing page do meu curso de confeitaria, com três variações
• Monta um deck de 10 slides apresentando minha agência pra um cliente novo
• Não sei que estilo quero pro site da clínica. Me mostra três direções

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

• Gen Agent Trust HubPassou
• SocketPassou
• SnykAlerta

Perguntas