Auth0 React
为React SPA集成Auth0登录认证
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Auth0 React。 它的用途是：为React SPA集成Auth0登录认证 完整的 Skill 内容见：https://321skill.com/skills/auth0-react/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“为我的React应用添加Auth0登录保护”，AI会利用该Skill自动安装@auth0/auth0-react、创建Auth0Provider包裹根组件、生成受保护路由组件，并实现登录/登出按钮和用户信息展示。
介绍
该Skill用于在React单页应用（SPA）中快速添加Auth0登录、登出、受保护路由和用户会话管理。它封装了@auth0/auth0-react库，帮助开发者省去手动配置OAuth2流程、Token管理和路由守卫的繁琐工作，只需一条指令即可让AI自动完成集成。
使用方式：AI会根据用户需求（如“为我的React应用添加登录功能”）自动调用该Skill，生成对应代码并配置Auth0 Domain、Client ID等参数。开发者无需手动编写认证逻辑，AI会完成从安装依赖到实现受保护路由的完整步骤。
适合React前端开发者、全栈开发者以及需要快速验证Auth0认证功能的团队。尤其适合在项目初期或原型阶段快速搭建用户认证体系，减少重复造轮子的时间成本。
注意：该Skill已废弃，建议优先使用通用的auth0 Skill（运行npx clawhub install auth0），它支持更多框架和场景，并且持续维护。如果仅需React SPA方案，可继续使用本Skill，但遇到问题请迁移至新版。
核心特点
与通用的`auth0` Skill相比，本Skill专为React SPA定制，自动集成`@auth0/auth0-react`并生成React Hooks调用方式，但已废弃不再更新。
注意事项
仅适用于React单页应用，不适用于Next.js、Vue等框架，且已废弃，不再获得新功能和修复。
常见问题
这个Skill已经废弃了，还能用吗？
可以继续使用，但建议迁移到`auth0` Skill（运行`npx clawhub install auth0`），它支持更多框架并且持续维护。
安装后如何配置Auth0的Domain和Client ID？
AI会在生成代码时提示你填写Auth0应用凭据，通常需要你提前在Auth0控制台创建应用并获取Domain和Client ID。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/auth0-react/raw/index.md 读取 Auth0 React 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/auth0-react/raw/index.md（查看排版版本）