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

Quick Start

1. Get API Keys

Get your keys from the Clerk Dashboard → API Keys.

2. Set Environment Variables

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_xxx
CLERK_SECRET_KEY=sk_test_xxx

3. 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

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
└── 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

Resources

• Clerk Docs
• Dashboard
• Discord
• GitHub Examples

Request a Skill

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

License

MIT