skill

clerk-auth — Claude Code skill: what it does, how to install

Q: How do I install clerk-auth in Claude Code?

Run `npx claude-code-templates@latest --skill development/clerk-auth` in your terminal.

Provides patterns to set up Clerk authentication, configure route protection middleware, and handle server components in Next.js App Router.

Install into Claude Code · claude-code-templates All methods and platforms ↓

npx claude-code-templates@latest --skill development/clerk-auth

Open on GitHub

What clerk-auth does

This skill guides Claude Code through integrating Clerk into Next.js 14 and 15 applications using the App Router. It defines setups for ClerkProvider, environment variables, and pre-built UI components such as <SignIn />, <SignUp />, and <UserButton />.

Route protection relies entirely on a single middleware.ts placed at the project root. The patterns apply clerkMiddleware alongside createRouteMatcher to handle protected page groups explicitly through auth.protect().

Server-side helpers like auth() and currentUser() fail if clerkMiddleware is missing. The skill enforces configuring this middleware first before fetching userId, claims, or user profile records inside Server Components.

What it helps with

integrate Clerk authentication into Next.js 14 or 15 App Router
restrict private routes using clerkMiddleware and createRouteMatcher
read user identity and session data in Server Components
insert pre-built sign-in, sign-up, and user profile buttons

Example prompts for the agent

Set up Clerk authentication for our Next.js App Router app
Configure middleware.ts to protect dashboard routes with createRouteMatcher
Fetch the current user ID in a Server Component using auth()

How to install clerk-auth

1claude-code-templates

npx claude-code-templates@latest --skill development/clerk-auth

2Skills CLI (Vercel)

npx skills add davila7/claude-code-templates --skill clerk-auth -a claude-code

3Manually: put the files in place

~/.claude/skills/clerk-auth/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/clerk-auth/

Manually: put the files in place

.agents/skills/clerk-auth/SKILL.md

For all projects use ~/.agents/skills/

Manually: put the files in place

.cursor/skills/clerk-auth/SKILL.md

Cursor also reads .agents/skills/ and .claude/skills/

1GitHub CLI

gh skill install davila7/claude-code-templates clerk-auth

2Manually: put the files in place

.github/skills/clerk-auth/SKILL.md

Platform CLI

gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/development/clerk-auth

Manually: put the files in place

.devin/skills/clerk-auth/SKILL.md

The legacy .windsurf/skills/ path still works

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about clerk-auth

How do I install clerk-auth in Claude Code?

Run npx claude-code-templates@latest --skill development/clerk-auth in your terminal.

What does clerk-auth do?

It provides implementation guidelines for Clerk auth, covering root provider wrapping, middleware rules, and server component data access.

What framework versions does this setup target?

The patterns focus on Next.js 14 and 15 projects that use the App Router architecture.

Similar skills

All skills for Security →

git-guardrails-claude-code Matt Pocock This skill adds a Claude Code hook that stops risky Git commands before they run. Use it when an agent must not push or discard working-tree changes. 499,069installs ponytail-review DietrichGebert ponytail-review reviews a change beyond the diff, checking connected code, bugs, risks, load, tests, speed, and unnecessary code. Use it for PRs and commits. CX Codex +1 57,000installs ponytail-audit DietrichGebert It audits a repository and ranks bugs, risks, and redundant code in a one-shot report. Use it when you need a review without code changes. CX Codex +1 45,400installs security-audit cloudflare Reviews codebases and APIs for vulnerabilities using safe sandboxing. Fits pre-release security reviews, pen-test triage, and architecture checks. CX Codex +1 54,800installs security-and-hardening addyosmani Guides threat modeling and security checks for code that handles user input, authentication, sessions, or external services. Use it when building a feature that accepts untrusted data or reviewing code before release. CX Codex +1 70,200installs supabase official supabase Guides the agent through database configuration and strict RLS policies in Supabase. CX Codex GP ChatGPT 8installs

From the same set804

The whole set →

github-automation A Claude skill that walks through GitHub work over Rube MCP: issues, pull requests, branches, code search and CI/CD. 63installs gcp-cloud-run This skill guides Cloud Run service and event-function work on GCP. Use it for HTTP APIs, Pub/Sub processing, or cold-start tuning. 63installs tech-resume-optimizer Restructures technical resumes for engineering and product roles to satisfy ATS filters. Focuses on quantifiable system metrics, clean skill lists, and business outcomes. 63installs mlops-weights-and-biases Use this skill to connect ML training workflows with Weights & Biases for run tracking, metric review, and hyperparameter searches. 63installs rag-faiss This skill covers FAISS indexing and nearest-vector search. Use it for RAG workflows that rely on similarity rather than metadata filters. 62installs fine-tuning-llama-factory Guides fine-tuning workflows with LLaMA-Factory, covering no-code WebUI setups and QLoRA quantization. Useful when training open-source models like Llama, Qwen, or Gemma. 62installs cocoindex Helps build Python ETL pipelines with CocoIndex, manage incremental data syncs, and export embeddings into vector databases. 61installs interview-prep-generator Turns your resume into STAR stories, likely questions and talking points for a specific role. Handy before a job interview. 61installs