Auth0 React
为 React 应用集成 Auth0 认证功能
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Auth0 React。 它的用途是：为 React 应用集成 Auth0 认证功能 完整的 Skill 内容见：https://321skill.com/skills/auth0-react-x-5/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'帮我的 React 应用添加 Auth0 登录功能'，它会自动安装 @auth0/auth0-react 依赖，在 App.js 中包裹 Auth0Provider 组件，并生成 LoginButton、LogoutButton 和 ProtectedRoute 组件，同时配置路由守卫，让未登录用户跳转到登录页。
介绍
该 Skill 用于在 React 单页应用（SPA）中快速集成 Auth0 身份认证，解决登录、登出、保护路由和用户会话管理等问题。它封装了 @auth0/auth0-react 库，简化了配置和调用流程，让你无需手动处理 OAuth 流程、Token 刷新、路由守卫等复杂逻辑。
使用方式非常直接：安装后，AI 会自动在你的 React 项目中添加 Auth0Provider 包裹组件，并生成登录、登出函数和受保护路由的示例代码。你只需提供 Auth0 域名和客户端 ID，即可在几分钟内完成认证功能。
适合所有使用 React 构建前端应用的前端开发者、全栈开发者，以及需要快速为现有项目添加登录认证的团队。尤其适合那些不熟悉 Auth0 配置或希望减少样板代码的开发者。
注意：该 Skill 已废弃，官方推荐使用通用的 auth0 Skill 以覆盖更多框架。如果你正在开发 React SPA，仍可正常使用，但建议迁移到新版以获得更好的长期支持。另外，该 Skill 仅适用于浏览器端，不适用于 React Native 或服务端渲染。
核心特点
专门针对 React SPA 的 Auth0 集成，内置 @auth0/auth0-react 的最佳实践，无需手动配置 SDK 参数和路由守卫逻辑。
注意事项
已废弃，建议迁移至 `auth0` 通用 Skill；仅支持 React 浏览器端，不支持 React Native 或 SSR。
常见问题
如何安装这个 Skill？
运行 `npx clawhub install auth0` 安装最新通用版，或 `npx clawhub install auth0-react` 安装旧版。
这个 Skill 支持 React Native 吗？
不支持，它仅针对 React 浏览器端 SPA；React Native 请使用原生 Auth0 SDK。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/auth0-react-x-5/raw/index.md 读取 Auth0 React 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/auth0-react-x-5/raw/index.md（查看排版版本）