mcpField
W
workos-authkit-base

workos-authkit-base

github.com/workosセキュリティ4642 回インストール今日更新
リポジトリ

workos-authkit-base について

WorkOS AuthKit のドキュメントを確認し、プロジェクトのフレームワークを判定して専用スキルへ引き継ぎます。構成に合った AuthKit の導入手順を選ぶ開発者向けです。

主な機能

  1. 01AuthKit 公式ドキュメントの取得
  2. 02依存関係からフレームワークを判定
  3. 03専用スキルへの振り分け
  4. 04未掲載フレームワークへの案内

活用シーン

  1. 01既存プロジェクトの AuthKit 手順選定
  2. 02未掲載フレームワークの開始点確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/workos/skills --skill workos-authkit-base

インストール後、Claude Code で/workos-authkit-baseを入力して読み込まれたか確認します。

詳細

WorkOS AuthKit の統合

ステップ 1：AuthKit のドキュメントを取得する（必須）

停止してください。完了するまで先に進まないでください。

WebFetch：https://workos.com/docs/user-management/authkit

このページは、AuthKit の概念、サポート対象のフレームワーク、セットアップ要件に関する信頼できる情報源です。このスキルとドキュメントの内容が異なる場合は、ドキュメントに従ってください。

ステップ 2：ユーザーのフレームワークを特定する

以下のコマンドを実行して、プロジェクトのフレームワークを特定します。上から順に確認し、最初に一致したものを使用してください。

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

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

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

# React (standalone SPA — check AFTER framework-specific entries)
grep -q '"react"' package.json 2>/dev/null && echo "DETECTED: react"

どれにも一致しない場合は、プレーンな HTML/JS プロジェクトかどうかを確認します。

# Vanilla JS — no package.json or no framework dependency
[ ! -f package.json ] && echo "DETECTED: vanilla-js"
ls index.html 2>/dev/null && echo "DETECTED: vanilla-js"

ステップ 3：フレームワーク固有のスキルに進む

ステップ 2 の判定結果に基づいて、適切なスキルを選択してください。フレームワークが一致した場合は、このステップより先に進まず、すぐに一致したスキルに切り替えてください。

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

フレームワークが検出された場合： ここで停止してください。フレームワーク固有のスキルが、インストールから検証までのすべてを扱います。

フレームワークが検出されなかった場合： ユーザーに「使用しているフレームワークは何ですか？（Next.js、React、React Router、TanStack Start、または vanilla JS）」と尋ねてください。一覧にないもの（例：Astro、Remix、SvelteKit）が挙げられた場合は、最も近い出発点として workos-authkit-vanilla-js を使用し、フレームワーク固有のガイダンスを得るために https://workos.com/docs/user-management/authkit を WebFetch してください。

関連スキル

  • 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

コメント

Markdown 対応