mosaic-machine

作成者： clerk

Mosaicステートマシンの作成と使用を行います。ユーザーがcreateMachineでステートマシンを記述しているとき、マルチステップフローをモデリングしているとき、マシンをReactに接続しているときなどに使用します。

npx skills add https://github.com/clerk/javascript --skill mosaic-machine

ZIPダウンロード GitHub

clerkのその他のスキル

Clerk認証フローのE2Eテストユーティリティ（PlaywrightおよびCypress対応）。PlaywrightとCypressの両フレームワークをサポートし、フレームワーク固有のセットアップパターン（PlaywrightではglobalSetup、Cypressではカスタムコマンド）を提供。clerkSetup()とsetupClerkTestingToken()ユーティリティを使用してテスト環境を初期化し、ボット検出をバイパス。認証済みセッションをテスト間で再利用するstorageState永続化機能を含み、テスト実行時間を短縮。テスト用APIキー（pk_test_*、...）が必要。

ClerkKitを使用したネイティブSwift/iOS認証で、事前構築済みまたはカスタム認証フローに対応。プロジェクト要件に基づいて、事前構築済みのAuthViewコンポーネントまたは完全カスタムのネイティブフローの2つの実装モードをサポート。アプリ設定で有効なClerk公開鍵を直接配線する必要があり、デフォルトではplistや環境ファイルによる間接指定は使用しない。パッケージインストール後、機能の利用可能性（例：Apple Sign Inサポート）を判断するために、/v1/environment呼び出しが必須。

Work on Mosaic UI: styling a component with slot recipes (`defineSlotRecipe` / `useRecipe` / slots / variants), or building a flow — authoring a state machine…

サブスクリプション管理のためのClerk Billing - ClerkのPricingTableをレンダリング

clerk-nextjs-patterns

Clerkを使用した認証、ミドルウェア、Server Actions、ユーザースコープキャッシングのための高度なNext.jsパターン。サーバーサイドのawait auth()とクライアントサイドのuseAuth()フックを区別します。これらを混在させることはよくある破壊的なミスです。ミドルウェア戦略（public-first vs protected-first）、APIルート保護、適切なHTTPステータスコード（401 vs 403）をカバーします。unstable_cacheを使用したユーザースコープキャッシングパターンと、Server Actionsを不正な変更から保護する方法を含みます。Core 2互換性を提供します...

clerk-expo-patterns

Expo / React NativeパターンとClerk — SecureStoreトークンキャッシュ、OAuth

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-astro-patterns

Clerkを使ったAstroパターン — ミドルウェア、SSRページ、アイランドコンポーネント