Auth0 React
为React SPA集成Auth0登录/登出/保护路由的Skill（已废弃）
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Auth0 React。 它的用途是：为React SPA集成Auth0登录/登出/保护路由的Skill（已废弃） 完整的 Skill 内容见：https://321skill.com/skills/auth0-react-x-2/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'给这个React应用添加登录功能，并保护/dashboard路由'，AI会安装Auth0 React库，创建AuthProvider包裹根组件，生成登录/登出按钮，并封装ProtectedRoute组件，完成后只需填入Auth0域名和客户端ID即可使用。
介绍
该Skill用于在React单页应用中快速集成Auth0身份认证功能，包括用户登录、登出、受保护路由和用户会话管理。它封装了@auth0/auth0-react库，无需手动配置OAuth2流程，即可实现开箱即用的认证体验。适合需要为React应用添加登录功能的场景，即使开发者未明确指定Auth0，只要提到“给React应用加登录”或“保护路由”，此Skill也会被触发。
使用方式：安装后，AI会自动在项目中引入Auth0Provider，包裹根组件，并生成LoginButton、LogoutButton和ProtectedRoute等典型组件。开发者只需在Auth0管理后台配置好应用域名和客户端ID，即可一键启用。
适合前端开发者、全栈工程师以及快速原型构建者。尤其适合那些不熟悉OAuth2或不想手动处理Token刷新、路由守卫等细节的团队。
注意：此Skill已废弃，不再维护。建议使用新的auth0 Skill（运行npx clawhub install auth0）以获得持续更新和更好支持。如果仍使用此旧版，请确保@auth0/auth0-react版本兼容。
核心特点
此Skill是专门为React SPA设计的Auth0集成方案，而新的`auth0` Skill覆盖更广（可能支持其他框架）。已废弃，不建议新项目使用。
注意事项
已废弃，不再维护，且仅适用于React SPA，不适用于服务端渲染或非React项目。
常见问题
为什么这个Skill被废弃了？
因为已有更通用的`auth0` Skill替代，它支持更多框架和场景，请运行`npx clawhub install auth0`安装新版本。
还能用这个旧Skill吗？
可以但不再推荐。旧版可能依赖过期版本，建议迁移到新版以获取安全更新和bug修复。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/auth0-react-x-2/raw/index.md 读取 Auth0 React 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/auth0-react-x-2/raw/index.md（查看排版版本）