Trpc skill

O que ela faz

O tRPC deixa o front-end de um app chamar funções do servidor com os tipos do TypeScript valendo dos dois lados, sem escrever schema nem gerar código. A skill passa ao Claude o jeito de fazer isso na versão 11 com Next.js, a partir de uma estrutura de pastas pronta pra servidor, roteadores e cliente.

Ele cria um roteador por assunto (usuário, post, pedido), valida toda entrada com Zod, usa SuperJSON pra datas e Maps chegarem inteiros e separa, com middleware, o que é público, o que exige login e o que é só de admin. Erro sai como TRPCError, com código claro.

No cliente, configura o httpBatchLink pra juntar requisições, usa os hooks do React Query pra buscar, alterar e pré-carregar dados e exporta só o tipo do roteador, nunca o código do servidor. A skill também lista o que evitar: any, entrada sem validação, erro interno exposto e roteador gigante.

Nas palavras de quem fez

Quando usar

• Começar um app Next.js com back-end em TypeScript
• Pôr login e área de admin nas rotas da API
• Organizar uma API que virou um arquivo só, gigante
• Revisar um projeto com tRPC cheio de any

Depois de instalar, é só pedir assim

• Configura o tRPC nesse projeto Next.js com um roteador de usuários e outro de pedidos
• Cria uma rota só pra admin que lista todos os clientes, com validação de entrada
• Revisa os roteadores tRPC desse projeto e aponta o que foge das boas práticas

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