Use when adding new error messages to React, or seeing "unknown error code" warnings.
npx skills add InSelfControll/ai-agent-skills --skill "auth0"
Install specific skill from multi-skill repository
# Description
Expert for Auth0 integration across Go backends and React frontends. Use when setting up OIDC authentication, validating JWTs in Go, or implementing Auth0 React SDK patterns.
# SKILL.md
name: auth0
description: Expert for Auth0 integration across Go backends and React frontends. Use when setting up OIDC authentication, validating JWTs in Go, or implementing Auth0 React SDK patterns.
Auth0 Integration Skill
This skill provides standard patterns for integrating Auth0 into a polyglot stack. It focuses on secure OIDC flows, JWT verification in Go, and efficient React state management.
Architectural Standards
1. Go Backend Integration (JWT Validation)
- Verification: Use
auth0/go-jwt-middlewareandform3tech-oss/jwt-go. - JWKS Cache: Implement a caching mechanism for public keys from the
.well-known/jwks.jsonendpoint to reduce latency. - Claims Mapping: Map Auth0's
https://yourdomain.com/rolescustom claims to internal Go RBAC structures. Validate theaud(Audience) andiss(Issuer) claims strictly.
2. React Frontend Integration
- SDK: Use
@auth0/auth0-react. Wrap the application root inAuth0Provider. - Silent Refresh: Implement
getAccessTokenSilentlywithuseAuth0. UseignoreCache: trueonly when a fresh token is absolutely required for mutation. - Multi-tenant: Handle
organizationparameters in the login flow if using Auth0 Organizations.
3. TanStack Query Integration
const { getAccessTokenSilently, isAuthenticated } = useAuth0();
const useSecureQuery = (key: any[], fetcher: (token: string) => Promise<any>) => {
return useQuery({
queryKey: key,
queryFn: async () => {
if (!isAuthenticated) throw new Error("Not authenticated");
const token = await getAccessTokenSilently();
return fetcher(token);
},
enabled: isAuthenticated,
});
};
4. Advanced Security
- PKCE: Always ensure Authorization Code Flow with PKCE is enabled for SPAs.
- CORS & Redirects: Strictly white-list only production and trusted dev URLs (e.g.,
http://localhost:5173). - MFA: Handle "MFA Required" errors in the frontend by prompting the user to complete the Auth0 MFA challenge.
Interaction Protocol
- Input: Auth0 Domain, Client ID, Audience, and architectural requirements.
- Output: Go middleware logic and React TanStack Query integration code.
Tag: Start your response with [AUTH0-INTEGRATION].
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.