메뉴
Build or migrate React/Next.js apps into Base/Coinbase Wallet Mini Apps using MiniKit + OnchainKit, while keeping thirdweb as the primary wallet/onboarding/payment integration; manage farcaster.json manifests, readiness, and gasless transactions.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | base-miniapp-developer |
| description | Build or migrate React/Next.js apps into Base/Coinbase Wallet Mini Apps using MiniKit + OnchainKit, while keeping thirdweb as the primary wallet/onboarding/payment integration; manage farcaster.json manifests, readiness, and gasless transactions. |
Use when the user needs to build, migrate, or troubleshoot Base Mini Apps, Coinbase Wallet Mini Apps, MiniKit, OnchainKit, Farcaster Mini Apps/Frames, or farcaster.json manifests; or when gasless Base transactions with Paymaster/Bundler are required.
window.ethereum or window.location/window.open.'use client').https://<domain>/.well-known/farcaster.json over HTTPS.setFrameReady() once the UI is ready.OnchainKitProvider with miniKit.enabled; import OnchainKit CSS.FrameReady component to call setFrameReady() after mount.farcaster.json, then redeploy.useOpenUrl() or MiniKit actions.OnchainKitProvider (@coinbase/onchainkit) with miniKit={{ enabled: true }}.window.ethereum.@coinbase/minikit-react, keep it unless asked to migrate.@coinbase/onchainkit, viem, plus @coinbase/minikit-react only if needed.window.ethereum/window.location usage and replace.references/manifest.mdreferences/provider.mdreferences/minikit.mdreferences/navigation.mdreferences/onchainkit-components.mdreferences/paymaster.mdreferences/thirdweb.mdLaunch and drive the Stacked poker-game frontend to see UI changes rendered — run, start, build, serve, or screenshot its poker mechanics & UX-flow components (the felt/community cards, card faces & backs, the bet/raise input, take-seat & buy-in modal, seat status, game-status banner, ante chip, session points) in a headless browser. Use when asked to run/launch/preview/screenshot poker-game or a component, or to confirm a UI change renders in light AND dark mode without a human opening a window. Drives Storybook (:6006) via a Playwright screenshot driver — no chromium-cli, no live backend needed.
Implement and debug wallet connection and authentication in this repo using thirdweb v5 and the SIWE-style flow in `app/hooks/useWalletAuth.ts` and `app/hooks/server_actions.ts`. Use for ConnectButton setup, account state, signature/auth verification, Base/USDC config, and CSP issues with embedded wallet.
Implement and debug wallet connection and authentication in this repo using thirdweb v5 and the SIWE-style flow in `app/hooks/useWalletAuth.ts` and `app/hooks/server_actions.ts`. Use for ConnectButton setup, account state, signature/auth verification, Base/USDC config, and CSP issues with embedded wallet.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Route requests for the Stacked Poker Next.js frontend repo to the right repo skill (Chakra UI/theme, thirdweb/SIWE auth, WebSockets/game state, chat/media, poker hand eval, QA/release). Use at the start of most tasks in this repo to decide which skill(s) to apply.
Route requests for the Stacked Poker Next.js frontend repo to the right repo skill (Chakra UI/theme, thirdweb/SIWE auth, WebSockets/game state, chat/media, poker hand eval, QA/release). Use at the start of most tasks in this repo to decide which skill(s) to apply.