auth0-reactDeprecated — use the `auth0` skill instead (run `npx clawhub install auth0`). Use when adding Auth0 login, logout, protected routes, or user sessions to a React SPA. Integrates @auth0/auth0-react — use even if the user says "add login to my React app" or "protect my React routes" without naming the
Install via ClawdBot CLI:
clawdbot install auth0/auth0-reactGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://github.com/auth0/agent-skillsUses known external API (expected, informational)
raw.githubusercontent.comAudited Apr 17, 2026 · audit v1.0
Generated Sep 7, 2026
A SaaS platform built with React needs to add secure user authentication to manage subscriptions and user-specific data. This skill integrates Auth0's React SDK to provide social login, email/password login, and session management seamlessly.
An e-commerce site using React requires customer authentication for personalized shopping carts, order history, and checkout. The skill sets up Auth0 to handle login/logout, user profiles, and protected routes for account pages.
A healthcare provider offers a patient portal built with React. Authentication is critical to protect sensitive health information. Auth0 React integration ensures secure, HIPAA-compliant login and session handling.
A fintech application provides a React dashboard for financial management. The skill enables Auth0 with multi-factor authentication (MFA) to add an extra layer of security for user accounts.
A company builds an internal admin panel using React for employee management. The integration allows SSO with corporate credentials and role-based access control for different admin levels.
Users pay a recurring fee to access a React-based software platform. Auth0 handles user authentication, enabling user accounts and secure access to premium features.
Offer a free tier for basic features and charge for advanced ones. Integration allows user registration and account management to differentiate between free and premium users.
Sell the React application to enterprises, which deploy it on their own infrastructure with SSO integration. Auth0's enterprise-grade security supports corporate authentication requirements.
💬 Integration Tip
Ensure the Auth0Provider wraps your entire app and correctly set environment variables with the proper prefix for your build tool (VITE_ for Vite, REACT_APP_ for Create React App).
Scored Sep 7, 2026
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.