Implement login, OAuth, JWT, and protected routes for React applications.
npx skills add https://github.com/CJHarmath/claude-agents-skills --skill web-auth
Please help me install this Agent Skill. Skill: web-auth Source: https://github.com/CJHarmath/claude-agents-skills/tree/main/skills/web-auth Command: npx skills add https://github.com/CJHarmath/claude-agents-skills --skill web-auth
This Skill provides reusable authentication patterns for React web applications, covering login flows, OAuth, JWT handling, session management, and protected routes to enhance security and developer productivity.
Integrate the AuthProvider into your React app and implement login, logout, and protected routes using the provided patterns.
High-intent search queries and answers about installing and using this skill.
OAuth integration in React handles third-party login by managing token exchange and secure storage. This approach streamlines user onboarding while maintaining frontend security across single-page applications and Next.js projects.
CSRF protection in React authenticates state-changing requests by validating tokens against the current session. This prevents malicious sites from executing unauthorized actions on behalf of logged-in users.
Session management in React tracks user authentication state across reloads using secure token storage and validation. This maintains persistent login states while protecting single-page app routes from unauthorized access.
To start using these authentication patterns, integrate the AuthProvider into your React application. You can then implement login, logout, and protected routes using the provided reusable session management structure.
cometchatIntegrate CometChat React UI Kit into Vite or CRA projects with provider and routing patterns.
skill-toolsFetch data from protected API endpoints using an Authorization header.
hendrax5Implement frontend UI and integrate it with backend APIs.
gabrielsan90Implement JWT and cookie-based authentication for .NET 9 apps.
