clerk-setup

# Adding Clerk > **Version**: Check `package.json` for the SDK version — see `clerk` skill for the version table. Core 2 differences are noted inline with `> **Core 2 ONLY (skip if current SDK):**` callouts. This skill sets up Clerk for authentication by following the official quickstart documentation. ## Quick Reference | Step | Action | |------|--------| | 1. Detect framework | Check `package.json` dependencies | | 2. Fetch quickstart | Use WebFetch on the appropriate docs URL | | 3. Follow instructions | Execute steps; create `proxy.ts` (Next.js <=15: `middleware.ts`) | | 4. Get API keys | From [dashboard.clerk.com](https://dashboard.clerk.com/last-active?path=api-keys) | > If the project has `components.json` (shadcn/ui), apply the shadcn theme after setup. See `clerk-custom-ui` skill → shadcn Theme. ## Framework Detection Check `package.json` to identify the framework: | Dependency | Framework | Quickstart URL | |------------|-----------|----------------| | `next` | Next.js | `https://clerk.com/docs/nextjs/getting-started/quickstart` | | `@remix-run/react` | Remix | `https://clerk.com/docs/remix/getting-started/quickstart` | | `astro` | Astro | `https://clerk.com/docs/astro/getting-started/quickstart` | | `nuxt` | Nuxt | `https://clerk.com/docs/nuxt/getting-started/quickstart` | | `react-router` | React Router | `https://clerk.com/docs/react-router/getting-started/quickstart` | | `@tanstack/react-start` | TanStack Start | `https://clerk.com/docs/tanstack-react-st...