Auth0 React
为React应用快速集成Auth0身份认证（已弃用）
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Auth0 React。 它的用途是：为React应用快速集成Auth0身份认证（已弃用） 完整的 Skill 内容见：https://321skill.com/skills/auth0-react-x-3/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘为我的React购物车应用添加用户登录功能。’，它会引导你提供Auth0账户信息，然后自动生成包含Auth0Provider包装、登录按钮组件以及使用useAuth0钩子的代码，快速集成完整的认证流程。或者说‘保护我的产品管理页面路由，只有登录用户才能访问。’，它会为你生成带有身份验证检查的高阶组件或路由守卫代码。
介绍
这个Skill旨在帮助前端开发者快速为React单页应用（SPA）集成Auth0身份认证服务。它解决了在React应用中手动配置登录、登出、用户会话管理和路由保护等功能的复杂性问题。
通过集成官方的@auth0/auth0-react库，该Skill可以自动生成必要的配置代码和组件包装逻辑，简化了与Auth0服务的对接过程。开发者只需提供Auth0的域和客户端ID等基本信息即可。
它主要适合需要为React应用添加企业级身份认证功能的前端或全栈开发者，特别是那些希望快速实现OAuth/OpenID Connect标准流程，而无需深入底层细节的团队。
需要注意的是，此Skill已被标记为弃用，官方推荐使用更通用的auth0 Skill。在迁移或新项目中，应考虑使用替代方案，并确保理解Auth0 React SDK本身的使用限制和最佳实践。
核心特点
此Skill专门针对React框架和SPA场景进行了封装，深度集成了@auth0/auth0-react库，能根据用户模糊的“添加登录”或“保护路由”等指令，智能推断并生成针对React的Auth0配置代码，而同类通用认证Skill可能需要进行额外的框架适配。
注意事项
此Skill已弃用，不再维护，且仅适用于React单页应用（SPA），不适用于服务端渲染（如Next.js）或其他前端框架。
常见问题
这个Skill和`auth0` Skill有什么区别？
此Skill是专门为React SPA定制的旧版本，现已弃用。新的`auth0` Skill功能更通用，支持更多框架和场景，建议安装使用新Skill。
我可以用它来保护Next.js的路由吗？
不可以。此Skill基于@auth0/auth0-react库，专为客户端渲染的React SPA设计，不适用于Next.js等服务端渲染框架。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/auth0-react-x-3/raw/index.md 读取 Auth0 React 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/auth0-react-x-3/raw/index.md（查看排版版本）