Pular pro conteúdo

Blazor skill

O Claude escreve componentes Blazor organizados e rápidos, ajuda a escolher entre Server e WebAssembly e testa as telas com bUnit.

por mindrally

instalações
798
estrelas no GitHub
286
No skills.sh desde
janeiro de 2026
Licença
Apache-2.0

Atualizada no GitHub em 8 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

O que ela faz

A skill dá ao Claude as boas práticas do Blazor, o framework da Microsoft pra fazer app web em C# no lugar de JavaScript. Cobre componentes pequenos com parâmetros e EventCallback, o ciclo de vida (carregar dados no OnInitializedAsync, liberar recursos no Dispose) e a ligação de dados de uma e de duas vias.

Pra desempenho, orienta usar @key em listas, virtualizar listas longas, evitar renderização à toa e chamar JavaScript o mínimo possível. Pra estado, mostra campos privados, parâmetros em cascata com moderação e serviços de estado injetáveis, com o Fluxor pros casos mais complexos.

Ela também compara o Blazor Server, que roda no servidor por SignalR e abre mais rápido, com o WebAssembly, que roda no navegador e funciona offline. E inclui tratamento de erro com ErrorBoundary, chamadas de API com HttpClient, conteúdo só pra logado com AuthorizeView e testes de componente com bUnit.

Nas palavras de quem fez

Guidelines for Blazor development including component lifecycle, state management, and performance optimization…

mindrally, no SKILL.md

Quando usar

  • Começar um sistema interno em Blazor
  • Decidir entre Blazor Server e WebAssembly
  • Deixar mais rápida uma tela com lista grande
  • Escrever testes pros componentes com bUnit
  • Mostrar parte da tela só pra quem está logado

Depois de instalar, é só pedir assim

  • Cria uma página Blazor que lista os clientes da API e mostra uma mensagem amigável se der erro
  • Essa lista de 5 mil pedidos está travando. Otimiza com virtualização
  • Escreve um teste em bUnit pro componente do carrinho

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

Como instalar a Blazor no Claude Code?

Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Blazor, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.

O que a blazor skill precisa pra funcionar?

Só de um projeto Blazor com o .NET instalado na máquina. A skill não pede conta, chave nem serviço pago. A renderização em streaming que ela cita exige .NET 8 ou mais novo, e o Fluxor e o bUnit são pacotes à parte, se você quiser usar.

Roda no Codex e no Antigravity?

Sim. É um SKILL.md só com orientação e exemplos de código, sem script, e qualquer agente que lê skills nesse formato aproveita.

Ela cria o projeto do zero?

Ela não traz modelo de projeto nem comando de instalação. São regras pro Claude escrever e revisar código Blazor; pra criar o projeto, ele usa as ferramentas do .NET que você já tem.

Levar essa skill

1x blazorR$ 0,00

TotalR$ 0,00

A skill sai aqui mesmo, na hora. Seus dados eu uso pra falar com você sobre o MazyOS.

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/mindrally/skills

Aprenda a usar

Mais da loja mindrally

Ver a loja mindrally