auth0-react
Use when adding authentication to React applications (login, logout, user sessions, protected routes) - integrates @auth0/auth0-react SDK for SPAs with Vite or Create React App
96
Does it follow best practices?
Validation for skill structure
Evaluation results
90%
Add User Authentication to a Vite React Dashboard
Vite env config & Auth0Provider setup
Correct package
100%
100%
Vite env prefix
100%
100%
import.meta.env syntax
100%
100%
Auth0Provider at root
100%
100%
redirect_uri set
100%
100%
isLoading guard
100%
100%
Error state handled
0%
0%
Logout returnTo
100%
100%
No manual token storage
100%
100%
useAuth0 hook used
100%
100%
84%
-4%Add Access Control and API Integration to a React Application
Protected routes & authenticated API calls
isLoading before isAuthenticated
100%
100%
loginWithRedirect on no auth
100%
100%
audience in getAccessTokenSilently
100%
100%
audience in Auth0Provider
100%
100%
Bearer token header
100%
100%
logout returnTo
0%
0%
Error state in UI
50%
0%
withAuthenticationRequired or ProtectedRoute
100%
100%
onRedirectCallback usage
100%
100%
No manual token storage
100%
100%
isLoading on API component
100%
100%
100%
17%Write an Auth0 Credential Setup Script for React Projects
.env setup workflow & project type detection
Checks .env existence first
100%
100%
Confirmation when .env missing
80%
100%
Confirmation when .env exists
50%
100%
No .env read
100%
100%
Detects Vite vs CRA
100%
100%
Correct prefix per type
100%
100%
Appends to .env
100%
100%
Aborts without confirmation
100%
100%
Auth0 CLI usage
0%
100%
- Evaluated
- Agent
- Claude Code
- Model
- Unknown
Table of Contents
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.