clerk

Implement Clerk authentication flows and routing across multiple frameworks.

Updated Apr 7, 2026
One-click install
npx skills add https://github.com/koushik-hait/xigenis-landingpage-v1 --skill clerk-koushik-hait
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: clerk
Source: https://github.com/koushik-hait/xigenis-landingpage-v1/tree/main/.agents/skills/clerk
Command: npx skills add https://github.com/koushik-hait/xigenis-landingpage-v1 --skill clerk-koushik-hait

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you implement secure authentication with Clerk and route users correctly across many app types without getting lost in framework-specific setup details.

Core Features & Use Cases

  • Framework and pattern routing: Automatically routes to the right sub-skill based on what you’re building (Next.js, React Router, Vue, Nuxt, Astro, TanStack Start, Expo, Chrome Extension, native mobile, etc.).
  • Authentication customization: Supports custom sign-in/sign-up UI using Clerk hooks and appearance patterns (themes, layout, conditional rendering).
  • Production-ready scopes: Covers organizations (B2B), billing and subscriptions, webhooks, and end-to-end testing for auth flows.

Quick Start

Ask the AI to set up Clerk for your chosen framework and guide you through environment variables, SDK initialization, and the correct routing/protection approach for your app.

Frequently Asked Questions about clerk

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

FAQPage Schema
How do I add Clerk authentication and protect routes in my web app?

To add Clerk authentication, you initialize the SDK, configure environment variables, and use framework-specific routing patterns to protect routes. This skill guides you through SDK setup and applies the correct protection approach for your app.

Can I build a custom sign-in and sign-up UI with Clerk?

Yes, you can build a custom sign-in and sign-up UI using Clerk hooks and appearance patterns. This allows you to apply custom themes, layouts, and conditional rendering to match your application's design system.

Does Clerk authentication work with Next.js, Expo, and Chrome extensions?

Clerk authentication works across Next.js, React, Expo, Chrome Extensions, and other multi-framework applications. The skill automatically routes to the correct framework-specific setup and implementation patterns.

How do I set up Clerk organizations for B2B billing and subscriptions?

You set up Clerk organizations by implementing the B2B routing patterns provided by the SDK. This skill covers the production-ready scopes needed to manage organizations, handle billing, and process subscription webhooks.

How do I handle Clerk SDK version differences and Core 2 updates?

You handle Clerk SDK version differences by detecting the installed version via package.json. This skill automatically applies the correct current-SDK patterns and provides Core 2 callouts when behavior differs.

What is the best way to run end-to-end testing for Clerk auth flows?

The best way to run end-to-end testing for Clerk auth flows is to use the testing patterns covered by this skill. It supports setting up and executing E2E tests across web and native mobile platforms.