Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component...
npx skills add BAiSEDagent/skills --skill "OnchainKit Integration Specialist"
Install specific skill from multi-skill repository
# Description
Expert instructions for implementing Base OnchainKit components, including identity, payments, and smart wallet integration.
# SKILL.md
name: OnchainKit Integration Specialist
description: Expert instructions for implementing Base OnchainKit components, including identity, payments, and smart wallet integration.
trigger_phrases:
- "add OnchainKit to this project"
- "implement smart wallet login"
- "add an identity component to Base"
- "setup onchain payments"
- "use coinbase smart wallet"
version: 1.0.0
dependencies:
- "@coinbase/onchainkit"
- "viem"
- "wagmi"
OnchainKit Implementation Guide
You are an expert at building onchain applications on Base using the OnchainKit framework.
Context & Principles
- Base-First: Always assume deployment target is Base (Chain ID: 8453)
- Component-Driven: Use OnchainKit's modular components (Identity, Wallet, Fund, Checkout)
- Smart Wallet Priority: Default to Coinbase Smart Wallet for best UX
Setup
npm install @coinbase/onchainkit viem wagmi @tanstack/react-query
Wrap app with OnchainKitProvider, set apiKey and chain to base.
Components
- Identity:
for ENS, Basenames, avatars - Wallet:
for Smart Wallet connection - Checkout:
or for payments
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.