web-auth
Implementar autenticação web com React
Equipes de React precisam de fluxos de autenticação seguros que lidem corretamente com sessões, redirecionamentos, OAuth e renovação de tokens. Esta skill fornece a Claude, Codex e Claude Code padrões práticos para criar esses fluxos em apps web.
Instalar com meu Agente
Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.
Review the Skillstore skill "web-auth" from https://skillstore.io/skills/cjharmath-web-auth.md and its manifest at https://skillstore.io/api/skills/cjharmath-web-auth/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.
Recursos legíveis por agentes
Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.
Testar
Usando "web-auth". Preciso de login e logout em um app React usando cookies.
Resultado esperado:
Um plano de implementação conciso com um cliente de API, provedor de autenticação, estado de carregamento, conexão do formulário de login e limpeza no logout.
Usando "web-auth". Quero adicionar login com Google a um app Next.js.
Resultado esperado:
Orientação de configuração de provedor, nomes de variáveis de ambiente, comportamento de callback, tratamento de sessão e etapas de proteção do dashboard.
Usando "web-auth". Verifique meu fluxo de autenticação em busca de falhas comuns de segurança.
Resultado esperado:
Uma revisão priorizada cobrindo armazenamento de tokens, headers CSRF, configurações de cookies, novas tentativas de refresh, proteções de rota e tratamento de erros.
Auditoria de segurança
SeguroAll static findings were reviewed against SKILL.md. The command alerts are Markdown code fences, and the network, environment, sensitive, and reconnaissance alerts are non-executed authentication examples. No prompt injection, malicious intent, or credential exfiltration evidence was found.
Fatores de risco
⚙️ Comandos externos (27)
🌐 Acesso à rede (10)
🔑 Variáveis de ambiente (6)
Compartilhar e citar este relatório
Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.
Copiar link do relatório
https://skillstore.io/skills/cjharmath-web-auth/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportBadge Markdown
[](https://skillstore.io/skills/cjharmath-web-auth?utm_source=security_passport_badge)Badge HTML
<a href="https://skillstore.io/skills/cjharmath-web-auth?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cjharmath-web-auth/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Cartão incorporável
<iframe src="https://skillstore.io/embed/skills/cjharmath-web-auth.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Citações acadêmicas (APA · BibTeX · CFF)
Citação APA
CJHarmath. (2026). web-auth security audit report (audit version 7) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cjharmath-web-auth/audits/7Citação BibTeX
@techreport{cjharmath-cjharmath-web-auth-2026,
author = {CJHarmath},
title = {web-auth security audit report (audit version 7)},
institution = {Skillstore},
year = {2026},
number = {7},
url = {https://skillstore.io/skills/cjharmath-web-auth/audits/7},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "web-auth security audit report (audit version 7)"
version: "unspecified"
type: report
authors:
- name: "CJHarmath"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/cjharmath-web-auth/audits/7"
identifiers:
- type: other
value: "skillstore:cjharmath-web-auth:audit:7"
description: "Skillstore immutable audit report identifier"
Pontuação do Skillstore
Por que esta pontuação Confiança das evidências: AltoO que você pode criar
Adicionar login a um app React
Criar um fluxo de login com sessões baseadas em cookies, carregamento do usuário atual e comportamento de logout.
Configurar OAuth no Next.js
Configurar Google OAuth ou NextAuth.js com callbacks de provedor e acesso à sessão em componentes.
Fortalecer a UX de autenticação
Adicionar rotas protegidas, renovação de tokens, validação de formulário, headers CSRF e headers de resposta de segurança.
Teste estes prompts
Use a skill web-auth para criar um contexto de autenticação React para login, logout, carregamento do usuário atual e verificações de rotas protegidas.
Use a skill web-auth para projetar um fluxo de login, logout e refresh baseado em cookies para meu app React e API.
Use a skill web-auth para adicionar Google OAuth a um app Next.js com NextAuth.js, callbacks e páginas de dashboard protegidas.
Use a skill web-auth para revisar meu fluxo de autenticação React quanto a armazenamento de tokens, tratamento de CSRF, proteção de rotas e comportamento de refresh.
Boas práticas
- Prefira cookies httpOnly seguros para tokens de sessão de longa duração quando o backend oferecer suporte a eles.
- Combine autenticação por cookies com proteção CSRF e tratamento explícito de credenciais nas requisições.
- Proteja rotas tanto no cliente quanto no servidor quando o framework oferecer suporte a verificações no servidor.
Evitar
- Não armazene tokens de acesso de longa duração em localStorage sem aceitar a exposição a XSS.
- Não confie em uma proteção de rota no cliente como o único controle de autorização.
- Não exponha segredos de cliente OAuth em código do navegador ou variáveis de ambiente públicas.