Auth0 React
为React应用快速集成Auth0身份验证（已弃用）
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Auth0 React。 它的用途是：为React应用快速集成Auth0身份验证（已弃用） 完整的 Skill 内容见：https://321skill.com/skills/auth0-react-x-7/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“为我的React购物车应用添加用户登录功能。”，它会识别出这是一个React SPA的认证需求，并建议使用此Skill（同时会提示已弃用，推荐新版）。安装后，它会引导你配置Auth0Provider，并使用useAuth0钩子来获取用户信息和处理登录登出逻辑。
介绍
这个Skill旨在帮助开发者快速为React单页应用（SPA）集成Auth0的身份验证功能，包括登录、登出、用户会话管理和路由保护。它通过封装@auth0/auth0-react库，简化了复杂的认证流程配置。
使用时，开发者只需通过简单的命令安装此Skill，即可在项目中引入Auth0Provider组件，并利用提供的钩子（如useAuth0）来轻松实现用户认证状态管理、调用受保护的API以及保护特定路由。即使开发者没有明确提及Auth0，只要需求是“为React应用添加登录”或“保护路由”，此Skill也会被触发。
该Skill主要面向使用React技术栈的前端或全栈开发者，特别是那些希望快速为应用添加企业级身份验证功能，而不想从零开始处理OAuth流程、令牌管理和安全细节的团队或个人。
需要注意的是，此Skill已被标记为“已弃用”。官方推荐使用更通用的auth0 Skill来替代。在为新项目集成Auth0时，建议直接安装新Skill。对于已使用此Skill的旧项目，应考虑迁移计划。
核心特点
此Skill是专门为React框架深度定制的Auth0集成方案，直接封装了官方的@auth0/auth0-react库，提供了开箱即用的React上下文和钩子，比通用的OAuth配置更贴合React开发者的使用习惯。
注意事项
此Skill已弃用，不再推荐用于新项目，且仅适用于React框架，不适用于Vue、Angular或其他前端框架。
常见问题
这个Skill和`auth0` Skill有什么区别？
此Skill是专为React定制的旧版，已弃用。新的`auth0` Skill是通用版本，支持更多框架和场景。
如何为我的React应用添加登录功能？
虽然此Skill可以处理，但建议运行`npx clawhub install auth0`来安装新版通用Skill。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/auth0-react-x-7/raw/index.md 读取 Auth0 React 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/auth0-react-x-7/raw/index.md（查看排版版本）