← ClaudeAtlas

thirdweblisted

Thirdweb v5 SDK usage in AutoClaw. Use when working with wallet connection, social login, SIWE authentication, or thirdweb client/provider setup. Triggers on: "thirdweb", "wallet connect", "inAppWallet", "social login", "SIWE", "ConnectButton", "thirdweb auth", "thirdweb provider".
majiayu000/claude-skill-registry-data · ★ 3 · Web & Frontend · score 57
Install: claude install-skill majiayu000/claude-skill-registry-data
## Critical: Thirdweb v5 Sub-Path Imports Thirdweb v5 uses sub-path imports. Never import from the root `thirdweb` package for specialized modules: ```ts // CORRECT import { createThirdwebClient } from 'thirdweb'; import { inAppWallet, createWallet } from 'thirdweb/wallets'; import { darkTheme } from 'thirdweb/react'; import { createAuth } from 'thirdweb/auth'; import { privateKeyToAccount } from 'thirdweb/wallets'; // WRONG — do not import wallet/auth/react from root import { inAppWallet } from 'thirdweb'; // ❌ ``` ## Project Setup ### Client (Web — `apps/web/src/lib/thirdweb.ts`) ```ts import { createThirdwebClient } from 'thirdweb'; export const client = createThirdwebClient({ clientId: process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID!, }); ``` ### Client (API — `apps/api/src/lib/thirdweb.ts`) ```ts import { createThirdwebClient } from 'thirdweb'; export const thirdwebClient = createThirdwebClient({ secretKey: process.env.THIRDWEB_SECRET_KEY, }); ``` ### Wallets Configuration ```ts import { inAppWallet, createWallet } from 'thirdweb/wallets'; export const wallets = [ inAppWallet({ auth: { options: ['email', 'google', 'apple', 'passkey'] }, }), createWallet('io.metamask'), createWallet('com.coinbase.wallet'), createWallet('walletConnect'), ]; ``` ### SIWE Auth (Server-Side) ```ts import { createAuth } from 'thirdweb/auth'; import { privateKeyToAccount } from 'thirdweb/wallets'; const adminAccount = privateKeyToAccount({ client: thirdwebClient,