Clerk 스킬

Audits the Clerk CLI source tree and proposes updates to the bundled `clerk-cli` skill so it stays in sync with the binary. Use when the user says "audit the…

Create or refresh a `.changeset/<slug>.md` for the current branch, or report that none is required. Triggers on "/changesets create", "add a changeset",…

clerk 바이너리는 Clerk의 백엔드 API 및 플랫폼 API에 대한 사전 인증된 게이트웨이이며, 프로젝트 수준 도구(인증, 링킹, 환경 변수 가져오기, 인스턴스 구성)를 포함합니다. 사용자가 Clerk 리소스와 관련된 질문을 하면, 직접 curl을 작성하는 대신 먼저 clerk을 사용하세요.

인증 작업을 프레임워크와 사용 사례에 따라 특화된 Clerk 스킬로 라우팅하는 지능형 라우터입니다. 설정, 커스텀 UI, Next.js 패턴, 조직, 웹훅, 테스트, 네이티브 iOS/Android, 백엔드 API를 다루는 8개의 특화 스킬로 라우팅합니다. package.json에서 Clerk SDK 버전(Core 2 LTS vs. 현재)을 감지하여 올바른 패턴과 API를 적용합니다. 웹 프레임워크(Next.js, React, Expo, React Router, TanStack Start)와 네이티브 플랫폼(Swift/iOS, Kotlin/Android)을 다룹니다...

네이티브 안드로이드 앱을 위한 Clerk 인증을 Kotlin과 함께 구현합니다.

Clerk을 사용한 Astro 패턴 — 미들웨어, SSR 페이지, 아일랜드 컴포넌트

Clerk Backend REST API 탐색기 및 실행기. 태그를 탐색하고, 엔드포인트 스키마를 검사하며, 인증된 요청을 실행합니다. 사용자 목록을 조회하거나 관리할 때 사용합니다.

구독 관리를 위한 Clerk Billing - Clerk의 PricingTable을 렌더링합니다.

Chrome 확장 프로그램 인증 with @clerk/chrome-extension -- 팝업/사이드패널

clerk 바이너리는 Clerk의 백엔드 API 및 플랫폼 API에 대한 사전 인증된 게이트웨이로, 프로젝트 수준 도구(인증, 링킹, 환경 변수 가져오기, 인스턴스 구성)를 포함합니다. 사용자가 Clerk 리소스와 관련된 질문을 하면, 수동으로 curl을 작성하는 대신 먼저 clerk을 사용하세요.

커스텀 인증 흐름을 구축하고, 훅과 외형 스타일링을 사용하여 Clerk 컴포넌트를 시각적으로 브랜딩합니다. 커스텀 로그인/회원가입 UI를 구축하기 위한 useSignIn 및 useSignUp 훅을 제공합니다. API는 Core 2와 현재 SDK 버전 간에 차이가 있습니다. 변수(색상, 타이포그래피, 테두리), 옵션(로고, 소셜 버튼 레이아웃), 사전 구축된 테마(다크, 네오브루탈리즘, shadcn, 심플)를 통한 외형 커스터마이징. shadcn 테마는 components.json이 있을 때 shadcn/ui 프로젝트와 자동으로 일치합니다. 테마...

Expo / React Native 패턴과 Clerk — SecureStore 토큰 캐시, OAuth

Clerk를 사용한 인증, 미들웨어, 서버 액션, 사용자 범위 캐싱을 위한 고급 Next.js 패턴. 서버 측 await auth()와 클라이언트 측 useAuth() 훅을 구분하며, 이 둘을 혼용하는 것은 흔한 치명적 실수입니다. 미들웨어 전략(퍼블릭 우선 vs 보호 우선), API 라우트 보호, 적절한 HTTP 상태 코드(401 vs 403)를 다룹니다. unstable_cache를 사용한 사용자 범위 캐싱 패턴과 승인되지 않은 변이로부터 서버 액션을 보호하는 방법을 포함합니다. Core 2 호환성을 제공합니다...

Nuxt 3 인증 패턴 with @clerk/nuxt - 미들웨어, 컴포저블, 서버

멀티 테넌트 B2B SaaS로, 조직 전환, 역할 기반 접근 제어, 엔터프라이즈 SSO를 지원합니다. URL 슬러그를 통한 동적 조직 기반 라우팅, 역할 기반 접근 확인(org:admin, org:member), 대시보드를 통한 사용자 정의 역할 생성을 지원합니다. 사용자 대상 조직 선택을 위한 OrganizationSwitcher 컴포넌트와 역할 기반 UI 조건부 렌더링을 위한 <Show>를 포함합니다. auth() 헬퍼를 통해 서버 측 조직 컨텍스트를 제공하며, 멤버십 확인 및 권한 검사를 수행합니다. 가능하게 합니다...

React SPA 인증 패턴 with @clerk/react for Vite/CRA - ClerkProvider

React Router v7 패턴과 Clerk — rootAuthLoader, 로더에서 getAuth 사용

프레임워크에 구애받지 않는 Clerk 인증 설정으로, 공식 퀵스타트 가이드를 따릅니다. package.json 의존성에서 프레임워크를 감지하고 해당 Clerk 퀵스타트 문서를 가져옵니다(Next.js, Remix, Astro, Nuxt, React Router, TanStack Start, React SPA, Vue, Express, Fastify, Expo, Chrome Extension, Android, iOS, Vanilla JavaScript 지원). 환경 변수 설정, 제공자 구성, 미들웨어/프록시 파일 생성을 처리하며 Core 2에 대한 버전별 지침을 제공합니다...

ClerkKit을 사용한 네이티브 Swift/iOS 인증으로, 사전 구축된 인증 흐름 또는 맞춤형 인증 흐름을 지원합니다. 프로젝트 요구 사항에 따라 사전 구축된 AuthView 컴포넌트 또는 완전히 맞춤화된 네이티브 흐름 중 두 가지 구현 모드를 지원합니다. 앱 구성에 유효한 Clerk 퍼블리시 키를 직접 연결해야 하며, 기본적으로 plist나 환경 파일 간접 참조를 사용하지 않습니다. 패키지 설치 후 Apple Sign In 지원 등 기능 가용성을 확인하기 위해 /v1/environment 호출이 필수입니다.

TanStack React Start 인증 패턴 with @clerk/tanstack-react-start

Clerk 인증 흐름을 위한 Playwright 및 Cypress E2E 테스트 유틸리티입니다. Playwright와 Cypress 프레임워크를 모두 지원하며, 각 프레임워크에 맞는 설정 패턴(Playwright의 globalSetup, Cypress의 커스텀 명령어)을 제공합니다. 테스트 환경을 초기화하고 봇 탐지를 우회하기 위해 clerkSetup()과 setupClerkTestingToken() 유틸리티를 제공합니다. 인증된 세션을 테스트 간에 재사용하여 테스트 실행 시간을 줄이는 storageState 지속성을 포함합니다. 테스트 API 키(pk_test_* ,...)가 필요합니다.

Vue 3 패턴 with Clerk — 컴포저블 (useAuth, useUser,

Clerk 사용자, 조직, 세션 데이터를 외부 시스템과 동기화하기 위한 실시간 이벤트 웹훅입니다. 사용자, 조직, 세션, 역할, 권한, 초대, 커뮤니케이션 전반에 걸쳐 40개 이상의 이벤트 유형을 지원합니다. verifyWebhook()을 통한 내장 웹훅 검증과 Svix를 통한 자동 재시도 로직(최대 3일)을 포함합니다. 데이터베이스 동기화, 알림, 통합과 같은 백그라운드 작업에 가장 적합하며, 즉각적인 데이터 접근이 필요한 동기식 흐름에는 적합하지 않습니다. 공개 상태가 필요합니다.