Skip to main content
Docs

Clerk Skills

Clerk Skills are installable packages that give AI coding agents specialized knowledge about Clerk. Once installed, your agent can help you add authentication, manage organizations, sync users, and more.

Installation

To install all available Skills, use:

npx skills add clerk/skills

To install a specific Skill, use:

npx skills add clerk/skills --skill {skill-name}

Works with Claude Code, Cursor, Windsurf, GitHub Copilot, Codex, Gemini CLI, and more. See all supported agents.

Available skills

The following table lists the available Skills. See the linked reference for more information about each Skill.

Core

SkillDescriptionWhen to use
/clerkRouter - routes to the right skillAlways start here
/clerk-setupAdd Clerk to any frameworkNew projects, framework setup
/clerk-custom-uiCustom sign-in/up flows and appearanceBuilding custom forms, styling, branding
/clerk-backend-apiBackend REST API explorerBrowsing and executing Clerk Backend API endpoints

Features

SkillDescriptionWhen to use
/clerk-orgsMulti-tenant business-to-business (B2B) organizationsTeam workspaces, role-based access control (RBAC), verified domains, enterprise single sign-on (SSO)
/clerk-testingEnd-to-end (E2E) testing for auth flowsWriting Playwright/Cypress tests
/clerk-webhooksReal-time events and data syncingDatabase sync, notifications, integrations

Frameworks

SkillDescriptionWhen to use
/clerk-nextjs-patternsAdvanced Next.js patternsServer Actions, middleware, caching
/clerk-react-patternsReact SPA patterns (Vite/CRA)ClerkProvider, hooks, protected routes
/clerk-expo-patternsExpo / React Native patternsSecureStore, OAuth deep linking, Expo Router
/clerk-tanstack-patternsTanStack React Start patternscreateServerFn, beforeLoad guards, loaders
/clerk-react-router-patternsReact Router v7 patternsrootAuthLoader, getAuth in loaders, SSR
/clerk-astro-patternsAstro patternsMiddleware, SSR pages, island components, API routes
/clerk-chrome-extension-patternsChrome Extension authPopup/sidepanel, syncHost, service workers
/clerk-nuxt-patternsNuxt 3 patternsMiddleware, composables, server API routes, SSR
/clerk-vue-patternsVue 3 patternsComposables, Vue Router guards, Pinia

Mobile

SkillDescriptionWhen to use
/clerk-androidNative Android/Kotlin authenticationBuilding native Android/Compose apps
/clerk-swiftNative iOS/SwiftUI authenticationBuilding native Swift/iOS apps

Example prompts

Once Skills are installed, you can ask your AI agent:

You saySkill used
"Add Clerk auth to my Next.js app"/clerk-setup
"Build custom sign-in form with styling"/clerk-custom-ui
"List all user endpoints in the Backend API"/clerk-backend-api
"Set up organizations for my B2B app"/clerk-orgs
"Add Playwright tests for auth"/clerk-testing
"Sync users to Prisma via webhooks"/clerk-webhooks
"Use Server Actions with Clerk"/clerk-nextjs-patterns
"Add Clerk auth to my Vite React app"/clerk-react-patterns
"Add auth to my Expo / React Native app"/clerk-expo-patterns
"Add Clerk to my TanStack Start app"/clerk-tanstack-patterns
"Protect routes in my React Router v7 app"/clerk-react-router-patterns
"Set up Clerk in Astro with SSR"/clerk-astro-patterns
"Sign users in from a Chrome extension"/clerk-chrome-extension-patterns
"Add auth to my Nuxt 3 app"/clerk-nuxt-patterns
"Use Clerk composables in Vue"/clerk-vue-patterns
"Integrate Clerk in my Android Compose app"/clerk-android
"Add Clerk auth to my SwiftUI app"/clerk-swift

Feedback

What did you think of this content?

Last updated on