clerk/clerk-billing

Clerk Billing을 통한 구독 관리 - Clerk의 PricingTable 및 인앱 체크아웃 드로어 렌더링, 구독 플랜 구성, B2B 시트 제한 플랜, has()를 사용한 기능 권한 설정, 결제 웹훅 등을 제공합니다. SaaS 수익화, 플랜 게이팅, 체크아웃 흐름, 평가판, 인보이스 발행 및 구독 라이프사이클 관리에 사용됩니다.

clerk-billing란 무엇인가요?

clerk/clerk-billing 스킬은 Clerk Billing을 활용하여 SaaS 애플리케이션에서 구독 관리를 손쉽게 구현할 수 있도록 설계된 AI 에이전트 스킬입니다. 이 스킬은 Clerk의 PricingTable 컴포넌트와 인앱 체크아웃 드로어를 렌더링하여 사용자가 직관적으로 구독 플랜을 선택하고 결제를 완료할 수 있도록 합니다. 또한, B2B 시나리오를 위한 시트 제한 플랜(seat-limit plans) 구성과 `has()` 메서드를 통한 기능 권한 설정(feature entitlements)을 지원하며, 결제 웹훅(billing webhooks)을 통해 구독 생성, 갱신, 취소 등의 라이프사이클 이벤트를 실시간으로 처리합니다. 이 스킬의 주요 사용 사례로는 SaaS 수익화(monetization), 플랜 게이팅(plan gating), 체크아웃 흐름 최적화, 평가판(trial) 및 인보이스(invoicing) 관리가 있으며, Cursor, Claude Code, Codex와 같은 주요 AI 코딩 에이전트 플랫폼에서 구독 관련 로직을 자동화하는 데 유용합니다.

지원 대상~Claude Code~Codex CLI~Cursor

npx skills add https://github.com/clerk/skills/tree/main/skills/clerk-billing

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

원본 보기→모든 스킬 둘러보기

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

ChatGPT Claude Gemini Grok Perplexity DeepSeek

문서

clerk-billing은(는) 무엇을 하나요?

Clerk Billing을 통한 구독 관리 - Clerk의 PricingTable 및 인앱 체크아웃 드로어 렌더링, 구독 플랜 구성, B2B 시트 제한 플랜, has()를 사용한 기능 권한 설정, 결제 웹훅을 제공합니다. SaaS 수익화, 플랜 게이팅, 체크아웃 흐름, 평가판, 인보이스 발행 및 구독 라이프사이클 관리에 사용됩니다.

Individual skills in this repo

This repo contains 19 individual skills — each has its own dedicated page.

clerk/clerk

Clerk authentication router. Use when user asks about adding authentication, setting up Clerk, custom sign-in flows, Swift or native iOS auth, native Android auth, Next.js patterns, React patterns, Vue patterns, Nuxt patterns, Astro patterns, TanStack Start patterns, Expo patterns, React Router patterns, Chrome Extension patterns, organizations, billing, subscriptions, payments, pricing, plans, seat-based pricing, feature entitlements, syncing users, or testing. Automatically routes to the specific skill based on their task.

clerk/clerk-android

Implement Clerk authentication for native Android apps using Kotlin and Jetpack Compose with clerk-android source-guided patterns. Use for prebuilt AuthView/UserButton or custom API-driven auth flows. Do not use for Expo or React Native projects.

clerk/clerk-astro-patterns

Astro patterns with Clerk — middleware, SSR pages, island components, API routes, static vs SSR rendering. Triggers on: astro clerk, clerk astro middleware, astro protected page, clerk island component, astro API route auth, clerk astro SSR.

clerk/clerk-backend-api

Clerk Backend REST API explorer and executor. Browse tags, inspect endpoint schemas, and execute authenticated requests. Use when listing users, managing organizations, or calling any Clerk API endpoint.

clerk/clerk-chrome-extension-patterns

Chrome Extension auth with @clerk/chrome-extension -- popup/sidepanel setup, syncHost for OAuth/SAML via web app, createClerkClient for service workers and headless extensions, stable CRX ID. Triggers on: Chrome extension auth, Plasmo clerk, popup sign-in, syncHost, background service worker token, createClerkClient, headless extension.

clerk/clerk-custom-ui

Custom authentication flows and component appearance - hooks (useSignIn, useSignUp), themes, colors, fonts, CSS. Use for custom sign-in/sign-up flows, appearance styling, visual customization, branding.

clerk/clerk-expo

Implement Clerk authentication for Expo and React Native apps using @clerk/expo source-guided patterns. Use for prebuilt AuthView/UserButton or custom hook-driven auth flows. Do not use for native iOS/Swift, native Android/Kotlin, or web framework projects.

clerk/clerk-expo-patterns

Expo / React Native patterns with Clerk — SecureStore token cache, OAuth deep linking, useAuth in native, Expo Router protected routes, push notifications with user context. Triggers on: expo clerk, clerk react native, SecureStore token cache, expo router auth, OAuth deep link clerk, mobile auth clerk.

clerk/clerk-nextjs-patterns

Advanced Next.js patterns - middleware, Server Actions, caching with Clerk.

clerk/clerk-nuxt-patterns

Nuxt 3 auth patterns with @clerk/nuxt - middleware, composables, server API routes, SSR. Triggers on: Nuxt auth, useAuth composable, clerkMiddleware Nuxt, server API Clerk, Nuxt route protection.

clerk/clerk-orgs

Clerk Organizations for B2B SaaS - create multi-tenant apps with org switching, role-based access, verified domains, and enterprise SSO. Use for team workspaces, RBAC, org-based routing, member management.

clerk/clerk-react-patterns

React SPA auth patterns with @clerk/react for Vite/CRA - ClerkProvider setup, useAuth/useUser/useClerk hooks, React Router protected routes, custom sign-in flows. Triggers on: Vite Clerk setup, React Router auth, useAuth hook, protected route, custom sign-in form React.

clerk/clerk-react-router-patterns

React Router v7 patterns with Clerk — rootAuthLoader, getAuth in loaders, clerkMiddleware, protected routes, SSR user data, org switching. Triggers on: react-router auth, rootAuthLoader, getAuth loader, react-router protected route, loader authentication, SSR auth react-router.

clerk/clerk-setup

Add Clerk authentication to any project by following the official quickstart guides.

clerk/clerk-swift

Implement Clerk authentication for native Swift and iOS apps using ClerkKit and ClerkKitUI source-guided patterns. Use for prebuilt AuthView or custom native flows. Do not use for Expo or React Native projects.

clerk/clerk-tanstack-patterns

TanStack React Start auth patterns with @clerk/tanstack-react-start - createServerFn, beforeLoad guards, loaders, Vinxi server. Triggers on: TanStack auth, createServerFn clerk, beforeLoad protection, TanStack Start middleware.

clerk/clerk-testing

E2E testing for Clerk apps. Use with Playwright or Cypress for auth flow tests.

clerk/clerk-vue-patterns

Vue 3 patterns with Clerk — composables (useAuth, useUser, useClerk, useOrganization), Vue Router guards, Pinia auth store integration. Triggers on: vue clerk, useAuth vue, clerk composables, vue router clerk guard, pinia auth clerk. For Nuxt, use clerk-nuxt-patterns instead.

clerk/clerk-webhooks

Clerk webhooks for real-time events and data syncing. Verify with verifyWebhook from the framework-specific package. Handle user, session, organization, billing, and payment events. Build event-driven features like database sync, notifications, and integrations.