skills.rest
Joshkovu
JoshkovuCOMMUNITY
Explore all skills by this author →
𝕏@JoashKutee80790GitHub

clerk-setup

Set up Clerk authentication for web applications by detecting the target framework.

1|Updated May 1, 2026
Search Tags:#authentication#middleware#environment variables#nextjs#clerk#framework detection#auth migration
One-click install
npx skills add https://github.com/Joshkovu/ghost-ai --skill clerk-setup-joshkovu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: clerk-setup
Source: https://github.com/Joshkovu/ghost-ai/tree/main/.agents/skills/clerk-setup
Command: npx skills add https://github.com/Joshkovu/ghost-ai --skill clerk-setup-joshkovu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you quickly add secure, production-ready authentication using Clerk instead of building and maintaining custom auth from scratch.

Core Features & Use Cases

  • Framework-aware setup: Detects your stack from package.json (e.g., Next.js, Remix, Astro, React Router, Express, etc.) and follows the correct official quickstart.
  • Correct Next.js integration: Ensures ClerkProvider placement rules for Next.js (inside <body>) and guides proxy.ts/middleware.ts creation as needed.
  • Key management and migration support: Covers both keyless and manual API key workflows and provides a migration approach when switching from another auth provider (e.g., next-auth).

Quick Start

Tell the AI: "Set up Clerk authentication for my project in the folder ./my-saas-app using the App Router and Tailwind, and detect the framework automatically."

Frequently Asked Questions about clerk-setup

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up Clerk authentication in a Next.js App Router project?▼

To set up Clerk authentication in Next.js, the Skill detects your framework from package.json and applies the official quickstart, correctly wiring ClerkProvider inside the <body> tag and generating the required middleware.ts for route protection.

Can I use Clerk authentication with an Express backend-only API?▼

Yes, you can use Clerk with an Express backend API. The Skill detects backend-only stacks and applies the correct Clerk quickstart workflow to secure your API endpoints by configuring the necessary middleware and environment variables.

What is the best way to migrate from next-auth to Clerk?▼

The best way to migrate from next-auth to Clerk involves using the Skill's built-in migration approach, which guides you through replacing the provider configuration and updating your environment variables for a smooth transition.

Do I need to manually configure Clerk environment variables?▼

You do not need to manually configure all Clerk environment variables. The Skill configures the required environment variables for your publishable and secret keys automatically, supporting both keyless and manual API key workflows.

Does Clerk authentication work with shadcn/ui?▼

Yes, Clerk works with shadcn/ui. When the Skill detects shadcn/ui is present in your project, it includes optional theme alignment to ensure your authentication components match your existing UI design.

Related Skills

Explore More Software Engineering Skills→
RoyMcCrainRoyMcCrain
1

clerk-setup

Detect JavaScript frameworks and configure Clerk authentication with SDKs and environment variables.

Community
Intermediate
WalshingtonWalshington

clerk-auth

Implement Clerk authentication in Next.js apps with middleware and webhooks.

Community
Advanced
kausthubh-coderkausthubh-coder

clerk-custom-ui

Customize Clerk authentication component appearance via the appearance prop.

Community
Intermediate
Carts1024Carts1024
1

convex-setup-auth

Set up Convex authentication with multiple auth providers and identity mapping.

Community
Intermediate