第三方登录工具包

ReactAuthOAuthLoginIntegration更新于 2026-08-14

使用场景: 为应用添加社交登录:微信/Google/GitHub 登录按钮、OAuth 流程与多提供商账号绑定。

安装
npx skills add third-party-auth-kit
克隆
git clone https://github.com/skillhub-community/third-party-auth-kit.git

描述

社交登录工具包。ProviderButtons:品牌化登录按钮——微信(扫码)、支付宝、Google、GitHub、Apple、Microsoft 与 X——各带官方 Logo、悬停态与流程中的加载/禁用态。AuthModal:带邮箱/密码+社交按钮、「以访客继续」与条款勾选的登录弹窗。OAuthFlow:重定向舞步——打开提供商、显示「等待授权」spinner、完成时成功屏;处理弹窗 vs 重定向两种模式。

AccountLinking:用户用新提供商登录时按邮箱检测可能重复并提议关联(合并)账号,UI 清晰。包含 token 交换状态机、常见失败(取消、拒绝权限、邮箱不匹配)的错误呈现,以及展示已连接提供商带撤销按钮的 SecurityPanel。兼容 NextAuth.js/Auth.js 或任意后端——提供商配置数据驱动。包含 OAuth 安全指引(state+nonce、移动端 PKCE、验证 id_token 签名)。

AI Hub

跑 Skill 需要模型接口?

AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。

打开 AI Hub

元数据

作者@integrate_hao
许可证MIT
版本1.0.0
依赖0