AI Skills to enhance working with Clerk
npx skills add https://github.com/clerk/skills --skill clerk-androidInstall this skill with the CLI and start using the SKILL.md workflow in your workspace.
Skills follow the Agent Skills format.
npx skills add clerk/skills
git clone https://github.com/clerk/skills ~/.claude/skills/clerk
| Skill | Purpose | When to Use |
|---|---|---|
/clerk |
Router - Routes to the right skill | Always start here |
clerk-setup |
Add Clerk to any framework | New projects, framework setup |
clerk-custom-ui |
Custom sign-in/up and appearance | Building custom forms, styling |
clerk-backend-api |
Backend REST API explorer | Browsing or calling API endpoints |
| Skill | Framework | Patterns |
|---|---|---|
clerk-nextjs-patterns |
Next.js | Middleware, Server Actions, caching |
clerk-react-patterns |
React | Hooks, auth guards, protected routes |
clerk-react-router-patterns |
React Router | Loaders, actions, route protection |
clerk-vue-patterns |
Vue | Composables, Pinia integration |
clerk-nuxt-patterns |
Nuxt | Server middleware, SSR auth |
clerk-astro-patterns |
Astro | SSR auth, island components |
clerk-tanstack-patterns |
TanStack Start | Server functions, route protection |
clerk-expo-patterns |
Expo | Secure storage, deep linking |
clerk-chrome-extension-patterns |
Chrome Extension | Background scripts, popup auth |
| Skill | Purpose | When to Use |
|---|---|---|
clerk-orgs |
Multi-tenant B2B organizations | Team workspaces, RBAC |
clerk-webhooks |
Real-time events and data syncing | Database sync, notifications |
clerk-testing |
E2E testing for auth flows | Playwright/Cypress tests |
| Skill | Platform | Patterns |
|---|---|---|
clerk-swift |
iOS | ClerkKit, SwiftUI, Apple Sign-In |
clerk-android |
Android | Kotlin, Jetpack Compose |
Get your keys from the Clerk Dashboard and add them to .env:
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_xxx
CLERK_SECRET_KEY=sk_test_xxx
| You Say | Skill Used |
|---|---|
| "Add Clerk auth to my Next.js app" | clerk-setup |
| "Use Server Actions with Clerk" | clerk-nextjs-patterns |
| "Add Clerk to my Vue app" | clerk-vue-patterns |
| "Add Clerk to my Nuxt app" | clerk-nuxt-patterns |
| "Add auth to my Expo app" | clerk-expo-patterns |
| "Add Clerk to my Astro site" | clerk-astro-patterns |
| "Build custom sign-in form" | clerk-custom-ui |
| "Sync users to Prisma via webhooks" | clerk-webhooks |
| "Add Playwright tests for auth" | clerk-testing |
| "Set up organizations for my B2B app" | clerk-orgs |
| "Add Clerk auth to my iOS app" | clerk-swift |
| "Add Clerk auth to my Android app" | clerk-android |
clerk-skills/
├── .claude-plugin/
│ └── marketplace.json
├── skills/
│ ├── core/
│ │ ├── clerk/ # Router skill
│ │ ├── clerk-setup/ # Framework setup
│ │ ├── clerk-custom-ui/ # Component customization
│ │ └── clerk-backend-api/ # REST API explorer
│ ├── frameworks/
│ │ ├── clerk-nextjs-patterns/
│ │ ├── clerk-react-patterns/
│ │ ├── clerk-react-router-patterns/
│ │ ├── clerk-vue-patterns/
│ │ ├── clerk-nuxt-patterns/
│ │ ├── clerk-astro-patterns/
│ │ ├── clerk-tanstack-patterns/
│ │ ├── clerk-expo-patterns/
│ │ └── clerk-chrome-extension-patterns/
│ ├── features/
│ │ ├── clerk-orgs/
│ │ ├── clerk-webhooks/
│ │ └── clerk-testing/
│ └── mobile/
│ ├── clerk-swift/
│ └── clerk-android/
└── README.md
Don't see what you need? Request a skill.
MIT