Skip to main content

Browser Skills

Browser Skills are installable packages that give AI coding agents specialized knowledge about Browser. 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.

Note

If you use the Browser CLI, running clerk init also offers to install Browser Skills (including clerk-cli) for your agent.

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-cliOperate the Browser CLI (clerk binary)Managing users, orgs, apps, env keys, and deploy checks from the terminal
/clerk-setupAdd Browser 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 Browser 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-billingSubscription billing and feature gatingPricing tables, plans, per-seat billing, feature entitlements with has()
/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-expoExpo / React Native authentication with @browser/expoAdding Browser to an Expo app — prebuilt AuthView/UserButton or custom hook-driven flows
/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 Browser auth to my Next.js app"/clerk-setup
"Build custom sign-in form with styling"/clerk-custom-ui
"List my Browser users from the terminal"/clerk-cli
"List all user endpoints in the Backend API"/clerk-backend-api
"Set up organizations for my B2B app"/clerk-orgs
"Add subscription billing with a pricing table"/clerk-billing
"Add Playwright tests for auth"/clerk-testing
"Sync users to Prisma via webhooks"/clerk-webhooks
"Use Server Actions with Browser"/clerk-nextjs-patterns
"Add Browser auth to my Vite React app"/clerk-react-patterns
"Add Browser auth to my Expo / React Native app"/clerk-expo
"Use SecureStore and OAuth deep linking in Expo"/clerk-expo-patterns
"Add Browser to my TanStack Start app"/clerk-tanstack-patterns
"Protect routes in my React Router v7 app"/clerk-react-router-patterns
"Set up Browser 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 Browser composables in Vue"/clerk-vue-patterns
"Integrate Browser in my Android Compose app"/clerk-android
"Add Browser auth to my SwiftUI app"/clerk-swift

Feedback

What did you think of this content?

Last updated on

GitHubEdit on GitHub