Webgpu skill

O que ela faz

A skill guia o Claude a construir apps WebGPU: gráficos e cálculos que rodam na placa de vídeo direto no navegador, com shaders escritos em WGSL. Serve pra partículas, simulações, autômatos celulares, rastros, desfoque e processamento de imagem. Pra projeto novo, traz um modelo pronto em Vite com um campo de partículas que reage ao mouse.

O trabalho segue uma ordem: decidir o que fazer se o navegador não tiver WebGPU, pedir só os recursos que o projeto usa, calcular byte a byte o tamanho dos dados, montar uma passada mínima e conferir o resultado na tela antes de crescer. Redimensionamento, mouse e limpeza entram um de cada vez.

Na revisão de código pronto, o Claude aponta primeiro erro de correção e de ciclo de vida, como dado desalinhado, recurso criado a cada quadro ou perda do dispositivo, e só depois micro-otimização. Também testa o aviso que aparece pra quem abre num navegador sem suporte.

Nas palavras de quem fez

Quando usar

• Fazer um fundo animado com partículas que reage ao mouse no site
• Rodar uma simulação ou efeito visual pesado na placa de vídeo
• Aplicar filtro ou desfoque em imagem usando a placa de vídeo
• Descobrir por que o shader não compila ou a tela ficou preta
• Revisar um projeto WebGPU que funciona num aparelho e quebra em outro

Depois de instalar, é só pedir assim

• Cria um fundo de partículas em WebGPU pro topo do meu site, que se mexe quando o mouse passa
• Meu shader WGSL compila mas a tela fica preta, descobre o que está errado
• Faz o jogo da vida rodando na GPU, com um aviso pra quem abrir num navegador sem WebGPU

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
• SnykPassou

Perguntas