Clerk Skills

Skills to help AI coding agents work more effectively with Clerk.

---

Skills follow the Agent Skills format.

Install

npx add-skill clerk/skills

Alternative Installation

# Using Vercel's skills CLI
npx skills add clerk/skills

# Manual (Claude Code)
git clone https://github.com/clerk/skills ~/.claude/skills/clerk

Skills

Skill	Purpose	When to Use	Type
/clerk	Clerk router - Routes to the right skill	Always start here	Router
clerk-setup	Add Clerk to any framework	New projects, framework setup	Auth Setup
clerk-custom-ui	Custom sign-in/up components and appearance	Building custom forms, styling	UI Customization
clerk-nextjs-patterns	Advanced Next.js patterns	Server Actions, middleware, caching	Framework Patterns
clerk-orgs	Multi-tenant B2B organizations	Building team workspaces, RBAC	B2B SaaS
clerk-webhooks	Real-time events and data syncing	Webhooks, database sync, notifications	Data Sync
clerk-testing	E2E testing for auth flows	Writing Playwright/Cypress tests	Testing
clerk-swift	Native Swift/iOS auth with ClerkKit	SwiftUI/UIKit auth in native iOS apps	Native iOS
/clerk-backend-api	Clerk Backend REST API explorer & executor	Browsing or calling backend API endpoints	API Tool

Quick Start

1. Set Up API Keys

Get your keys from the Clerk Dashboard → API Keys and add them to your .env:

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_xxx
CLERK_SECRET_KEY=sk_test_xxx

2. Ask Your Agent

You Say	Skill Used
"Add Clerk auth to my Next.js app"	clerk-setup
"Build custom sign-in form with styling"	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
"Use Server Actions with Clerk"	clerk-nextjs-patterns
"Add Clerk auth to my SwiftUI iOS app"	clerk-swift
"List all users via the Backend API"	clerk-backend-api

Repository Structure

clerk-skills/
├── .claude-plugin/
│   └── marketplace.json         # Plugin registry
├── skills/
│   ├── clerk/                   # Router skill
│   │   └── SKILL.md
│   ├── setup/                   # Framework setup
│   │   └── SKILL.md
│   ├── custom-ui/               # Component customization
│   │   └── SKILL.md
│   ├── nextjs-patterns/         # Next.js patterns
│   │   └── SKILL.md
│   ├── orgs/                    # Organizations (B2B)
│   │   └── SKILL.md
│   ├── webhooks/                # Webhooks & data sync
│   │   └── SKILL.md
│   ├── testing/                 # E2E testing
│   │   └── SKILL.md
│   ├── swift/                   # Native Swift/iOS auth
│   │   └── SKILL.md
│   └── backend-api/             # Backend REST API
│       ├── SKILL.md
│       ├── references/          # OpenAPI spec
│       └── scripts/             # API browsing & execution
└── README.md

Using /clerk Command

For agents that support slash commands (Claude Code, OpenCode):

/clerk add auth to my Express app
/clerk sync users to Supabase
/clerk fix "redirect_uri_mismatch" error

/clerk-backend-api tags
/clerk-backend-api GET /users
/clerk-backend-api Users

Resources

• Clerk Docs
• Dashboard
• Discord
• GitHub Examples

Request a Skill

Don't see what you need? Request a skill.

License

MIT