Back to Details

workos-authkit-base

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

WorkOS AuthKit Integration

WorkOS AuthKit集成

Step 1: Fetch AuthKit Documentation (BLOCKING)

步骤1：获取AuthKit文档（阻塞步骤）

STOP. Do not proceed until complete.
WebFetch: 
https://workos.com/docs/user-management/authkit
This page is the source of truth for AuthKit concepts, supported frameworks, and setup requirements. If this skill conflicts with the docs, follow the docs.
停止操作。完成此步骤前请勿继续。
WebFetch: 
https://workos.com/docs/user-management/authkit
本页面是AuthKit概念、支持的框架及设置要求的权威来源。如果本技能与文档冲突，请以文档为准。

Step 2: Detect User's Framework

步骤2：检测用户的框架

Run these commands to identify the project's framework. Check each in order; use the first match.
bash
undefined
运行以下命令以识别项目所使用的框架。按顺序检查，使用第一个匹配的结果。
bash
undefined

Next.js

Next.js

grep -q '"next"' package.json 2>/dev/null && echo "DETECTED: nextjs"
grep -q '"next"' package.json 2>/dev/null && echo "DETECTED: nextjs"

React Router / Remix

React Router / Remix

grep -qE '"react-router"|"@remix-run"' package.json 2>/dev/null && echo "DETECTED: react-router"
grep -qE '"react-router"|"@remix-run"' package.json 2>/dev/null && echo "DETECTED: react-router"

TanStack Start

TanStack Start

grep -q '"@tanstack/start"' package.json 2>/dev/null && echo "DETECTED: tanstack-start"
grep -q '"@tanstack/start"' package.json 2>/dev/null && echo "DETECTED: tanstack-start"

React (standalone SPA — check AFTER framework-specific entries)

React（独立SPA —— 请在框架特定条目之后检查）

grep -q '"react"' package.json 2>/dev/null && echo "DETECTED: react"

If none match, check for a plain HTML/JS project:

```bash
grep -q '"react"' package.json 2>/dev/null && echo "DETECTED: react"

如果没有匹配项，请检查是否为纯HTML/JS项目：

```bash

Vanilla JS — no package.json or no framework dependency

Vanilla JS —— 无package.json或无框架依赖

[ ! -f package.json ] && echo "DETECTED: vanilla-js" ls index.html 2>/dev/null && echo "DETECTED: vanilla-js"
undefined
[ ! -f package.json ] && echo "DETECTED: vanilla-js" ls index.html 2>/dev/null && echo "DETECTED: vanilla-js"
undefined

Step 3: Route to Framework-Specific Skill

步骤3：路由到框架特定技能

Use the detection result from Step 2 to select the correct skill. Do not continue past this step if a framework matched — switch to the matching skill immediately.
Detection result         -->  Skill to invoke
─────────────────────────────────────────────
nextjs                   -->  workos-authkit-nextjs
react-router             -->  workos-authkit-react-router
tanstack-start           -->  workos-authkit-tanstack-start
react                    -->  workos-authkit-react
vanilla-js               -->  workos-authkit-vanilla-js
If a framework is detected: Stop here. The framework-specific skill handles everything from install through verification.
If no framework is detected: Ask the user: "Which framework are you using? (Next.js, React, React Router, TanStack Start, or vanilla JS)". If they name something not listed (e.g., Astro, Remix, SvelteKit), use 
workos-authkit-vanilla-js
as the closest starting point and WebFetch 
https://workos.com/docs/user-management/authkit
for framework-specific guidance.
使用步骤2的检测结果选择正确的技能。如果匹配到框架，请不要继续此步骤之后的内容——立即切换到匹配的技能。
检测结果         -->  要调用的技能
─────────────────────────────────────────────
nextjs                   -->  workos-authkit-nextjs
react-router             -->  workos-authkit-react-router
tanstack-start           -->  workos-authkit-tanstack-start
react                    -->  workos-authkit-react
vanilla-js               -->  workos-authkit-vanilla-js
如果检测到框架： 在此处停止。框架特定技能会处理从安装到验证的所有步骤。
如果未检测到框架： 询问用户："你正在使用哪个框架？（Next.js、React、React Router、TanStack Start或vanilla JS）"。如果用户列出的框架不在上述范围内（例如Astro、Remix、SvelteKit），请使用
workos-authkit-vanilla-js
作为最接近的起点，并通过WebFetch 
https://workos.com/docs/user-management/authkit
获取框架特定的指导。

Related Skills

相关技能

  • workos-authkit-nextjs — Next.js App Router (13+), server-side rendering
  • workos-authkit-react — React SPA with client-side AuthKit
  • workos-authkit-react-router — React Router / Remix integration
  • workos-authkit-tanstack-start — TanStack Start framework
  • workos-authkit-vanilla-js — Plain HTML/JS without a framework
  • workos-authkit-nextjs —— Next.js App Router（13+），服务端渲染
  • workos-authkit-react —— 基于客户端AuthKit的React SPA
  • workos-authkit-react-router —— React Router / Remix集成
  • workos-authkit-tanstack-start —— TanStack Start框架
  • workos-authkit-vanilla-js —— 无框架的纯HTML/JS