Pular pro conteúdo

Clerk Auth skill

O Claude monta cadastro, login e área restrita com Clerk no seu app Next.js, com times, permissões e usuários sincronizados no banco.

por sickn33

instalações
824
estrelas no GitHub
48,5 mil
No skills.sh desde
janeiro de 2026
Licença
MIT

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

O que ela faz

A skill traz o passo a passo pra colocar autenticação com Clerk num app Next.js com App Router: o ClerkProvider no layout, as páginas prontas de login e cadastro, o menu do usuário e as chaves no .env.local. Antes de começar, o Claude lê um guia detalhado que vem junto.

Ela cobre a proteção de rotas com o clerkMiddleware, o uso do auth() em componentes de servidor e rotas de API, os hooks do lado do navegador e as organizações, pra quem precisa separar os dados de cada empresa cliente dentro do mesmo sistema.

Pra manter o banco em dia, mostra como receber os webhooks do Clerk, conferir a assinatura antes de tudo e evitar que um evento atrasado ressuscite usuário apagado. Também lista armadilhas conhecidas, como a falha CVE-2025-29927 no middleware e o limite de 4 KB do cookie de sessão.

Nas palavras de quem fez

Expert patterns for Clerk auth implementation, middleware, organizations, webhooks, and user sync…

sickn33, no SKILL.md

Quando usar

  • Pôr login e cadastro num SaaS feito em Next.js
  • Proteger o painel e as rotas de API de quem não está logado
  • Separar os dados de cada empresa cliente com organizações
  • Sincronizar os usuários do Clerk com o seu banco por webhook
  • Revisar uma autenticação que já existe atrás de brecha

Depois de instalar, é só pedir assim

  • Coloca login com Clerk nesse app Next.js e protege tudo que fica em /dashboard
  • Cria o webhook que salva no banco os usuários novos do Clerk, conferindo a assinatura
  • Revisa a autenticação do projeto e me diz se alguma rota de API ficou aberta

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 Clerk Auth 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 Clerk Auth, 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 clerk-auth skill precisa pra funcionar?

De uma conta no Clerk, com a chave publicável e a chave secreta no .env.local, e de um app em Next.js com App Router, que é o que os exemplos usam. Pra sincronizar usuários, o app precisa de um endereço público pra receber os webhooks e do segredo de assinatura deles.

Roda no Codex e no Antigravity?

Sim. É orientação em texto com um guia de referência, sem script nem ferramenta própria, então qualquer agente que lê skills no formato SKILL.md aproveita. O código que sai depende só dos pacotes do Clerk no seu projeto.

Ela substitui um teste de segurança?

Não. A própria skill avisa que os trechos são exemplos independentes, que cada rota do servidor tem que conferir login e permissão por conta própria e que o resultado precisa de teste no seu ambiente. Ela também manda usar instâncias de teste e nunca gravar segredo em log.

Levar essa skill

1x clerk-authR$ 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/sickn33/agentic-awesome-skills

Aprenda a usar

Mais da loja sickn33

Ver a loja sickn33