skills.rest
wanyusheng63-alt
wanyusheng63-altCOMMUNITY
Explore all skills by this author →
GitHub

genie-tcb-auth-integrator

Integrate Tencent CloudBase authentication with OAuth, email OTP, and password login for React apps.

Updated May 3, 2026
Search Tags:#authentication#frontend#oauth#session#otp#password#cloudbase
One-click install
npx skills add https://github.com/wanyusheng63-alt/vocab-learn --skill genie-tcb-auth-integrator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: genie-tcb-auth-integrator
Source: https://github.com/wanyusheng63-alt/vocab-learn/tree/main/.codebuddy/skills/genie-tcb-auth-integrator
Command: npx skills add https://github.com/wanyusheng63-alt/vocab-learn --skill genie-tcb-auth-integrator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Implements a complete authentication workflow for web apps using Tencent CloudBase (TCB), combining Google OAuth via an OAuth Relay proxy, email OTP verification, and email/password sign-in to enable protected routes and seamless session management.

Core Features & Use Cases

  • OAuth (Google): Sign in via Genie’s OAuth Relay proxy with a secure custom login path.
  • Email OTP: Register and sign in using one-time verification codes managed by TCB native auth.
  • Email + Password: Sign up and sign in with email and password, including password reset flows.
  • Session & Protection: Frontend route guards and automatic session persistence through the TCB JS SDK.
  • User Profile: Email, name, and avatar are stored as attributes in TCB Auth.

Quick Start

Trigger Google OAuth with signInWithGoogle or start email OTP by sending a code with sendEmailCode and then verify via signUpWithEmail or signInWithEmail, and manage sessions with getAccessToken for API requests.

Frequently Asked Questions about genie-tcb-auth-integrator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement frontend authentication in a React app using Tencent CloudBase?▼

Frontend authentication in a React app using Tencent CloudBase is implemented by integrating the TCB JS SDK v2 to manage login, signup, session persistence, and protected routes automatically.

How does Google OAuth login work with Tencent CloudBase?▼

Google OAuth login with Tencent CloudBase works by redirecting users through an OAuth Relay proxy cloud function to a secure custom login path, handling the callback and establishing the user session.

Can I use email OTP and password login together for web app authentication?▼

Yes, you can use email OTP and password login together for web app authentication, allowing users to register and sign in using one-time verification codes or traditional email and password credentials.

How do I protect frontend routes and persist user sessions with TCB?▼

Protect frontend routes and persist user sessions with TCB by leveraging frontend route guards and the automatic session management capabilities built into the Tencent CloudBase JS SDK v2.

What is the best way to start an email OTP sign-in flow in a React web app?▼

The best way to start an email OTP sign-in flow is to trigger a verification code by calling the sendEmailCode function, then verify the user via signUpWithEmail or signInWithEmail.

Related Skills

Explore More Software Engineering Skills→
yyds-xyyds-x

ai-model-web

Call CloudBase generateText and streamText from frontend apps via the JS SDK.

Community
Advanced
okbest2024okbest2024

whatsapp-business

Manage WhatsApp Business API messaging and templates with OAuth authentication via Maton gateway.

Community
Intermediate
CJHarmathCJHarmath

web-auth

Implement login, OAuth, JWT, and protected routes for React applications.

Community
Intermediate
yyds-xyyds-x

auth-web-cloudbase

Implement CloudBase web authentication flows with the @cloudbase/js-sdk.

Community
Advanced