Skills
ThunderID agent skills let AI coding assistants set up the ThunderID server and integrate authentication into your application automatically. You describe what you want in plain language and the agent runs the skill to handle the configuration, file edits, and code generation.
Skills are available for Claude Code, Codex, and any assistant that supports Open Agent Skills.
Install
Add the ThunderID skill pack to your AI coding assistant once. All skills in the pack become immediately available.
Requires Node.js 18+
Full install guide →Core Skills
Skills for installing and running the ThunderID server.
Install <ProductName />
Download, configure, and start the <ProductName /> server. Outputs the Sample App Client ID you need for SDK integration.
Tryout Skills
Skills for launching demos of ThunderID features in action.
Use Case Samples
Product usecase samples that are ready to run in your local environment. These demos showcase how ThunderID features work in practice.
Try the Consumer Demo
Launch the Wayfinder B2C consumer login demo to see social login and passkey sign-in in action.
Try the AgentID Demo
Launch the AgentID demo to see AI agent authentication in action.
Integration Skills
Choose the skill that matches your framework. Each skill registers an application in the ThunderID Console, installs the correct SDK, and wires up authentication in your project.
SPA
React
@thunderid/reactAdd authentication to a React application.
Vue
@thunderid/vueIntegrate authentication into a Vue 3 application with composables for session access and route guards.
Browser / Vanilla JS
@thunderid/browserAdd authentication to a plain HTML and JavaScript app with no framework, ideal for simple SPAs or prototype projects.
Fullstack
Next.js
@thunderid/nextjsIntegrate authentication into a Next.js App Router application with server-side session management and route protection middleware.
Nuxt
@thunderid/nuxtAdd authentication to a Nuxt 3 application using the official <ProductName /> Nuxt module.
Backend
Express
@thunderid/expressProtect routes in an Express application with session-based authentication middleware and callback handling.
How to Use Skills
Type a plain-language request in your AI assistant's chat. The assistant detects the intent, selects the matching skill, and runs it.
| You Say | Skill |
|---|---|
| "Set up ThunderID on my machine" | /thunderid-install |
| "Try ThunderID" | /thunderid-try-consumer |
| "Demo AI agent auth" | /thunderid-try-agentid |
| "Add ThunderID to my Next.js app" | /thunderid-integrate-nextjs |
| "Add ThunderID to my Nuxt app" | /thunderid-integrate-nuxt |
| "Integrate ThunderID into my React app" | /thunderid-integrate-react |
| "Add ThunderID to my Vue app" | /thunderid-integrate-vue |
| "Protect routes in my Express app" | /thunderid-integrate-express |
| "Add ThunderID to my vanilla JS app" | /thunderid-integrate-browser |
You can also invoke skills directly by name. In Claude Code, type /thunderid-integrate-nextjs. In Codex, type /thunderid-integrate-nextjs in a thread. Both assistants run the skill immediately without further prompting.
If ThunderID is not running yet, ask your assistant to "set up ThunderID" before running an integration skill. The setup skill outputs the Sample App Client ID that the integration skills need to configure your application.
