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.

Open Agent Skills CLI

Run the following command in your terminal:

npx skills add thunder-id/skills

Claude Code

Run the following slash command in Claude Code:

/plugin marketplace add thunder-id/skills

Codex

Run the following command in your terminal, then restart Codex:

codex plugin marketplace add thunder-id/skills

After restarting, open /plugins, select ThunderID Skills, install and enable thunder-id-skills, then start a new thread.

Core Skills

Setup ThunderID

Download, configure, and start the ThunderID server. Supports npx (recommended) and Docker Compose. Outputs the Sample App Client ID you need for SDK integration.

/setup-thunderid

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.

Frontend

React

@thunderid/react

Add authentication to a React + Vite app. For React Router or TanStack Router projects, use the dedicated router skills instead.

/integrate-react

Next.js

@thunderid/nextjs

Integrate authentication into a Next.js App Router application with server-side session management and route protection middleware.

/integrate-nextjs

Nuxt

@thunderid/nuxt

Add authentication to a Nuxt 3 application using the official ThunderID Nuxt module.

/integrate-nuxt

Vue

@thunderid/vue

Integrate authentication into a Vue 3 application with composables for session access and route guards.

/integrate-vue

React + React Router

@thunderid/react-router

Protect routes and handle OAuth callbacks in a React Router v6 application.

/integrate-react-router

React + TanStack Router

@thunderid/tanstack-router

Protect routes and handle OAuth callbacks in a TanStack Router application.

/integrate-tanstack-router

Browser / Vanilla JS

@thunderid/browser

Add authentication to a plain HTML and JavaScript app with no framework — ideal for simple SPAs or prototype projects.

/integrate-browser

Backend

Express

@thunderid/express

Protect routes in an Express application with session-based authentication middleware and callback handling.

/integrate-express

Node.js

@thunderid/node

Add authentication to a Node.js server built with Fastify, Hono, Koa, or the built-in HTTP module. For Express, use the Express skill.

/integrate-node

Universal JavaScript

@thunderid/javascript

Use the core JavaScript SDK directly for custom integrations, edge runtimes, or any environment without a dedicated ThunderID SDK.

/integrate-javascript

Other Frameworks and Languages

Generic OIDC

Integrate ThunderID via a standard OIDC library for any framework or language without an official SDK — Angular, SvelteKit, Python, Go, .NET, and more.

/integrate-oidc

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"	/setup-thunderid
"Add ThunderID to my Next.js app"	/integrate-nextjs
"Add ThunderID to my Nuxt app"	/integrate-nuxt
"Integrate ThunderID into my React app"	/integrate-react
"Add ThunderID to my React Router app"	/integrate-react-router
"Add ThunderID to my TanStack Router app"	/integrate-tanstack-router
"Add ThunderID to my Vue app"	/integrate-vue
"Protect routes in my Express app"	/integrate-express
"Add ThunderID to my Fastify / Hono app"	/integrate-node
"Add ThunderID to my vanilla JS app"	/integrate-browser
"Integrate ThunderID without a framework"	/integrate-javascript
"Add ThunderID to my Angular / SvelteKit / Python / Go app"	/integrate-oidc

You can also invoke skills directly by name. In Claude Code, type /integrate-nextjs. In Codex, type /integrate-nextjs in a thread. Both assistants run the skill immediately without further prompting.

Run Setup First

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.