Onchainkit

If you're building React apps that need wallet connections, token swaps, or NFT features, this gives you Coinbase's production components that handle the blockchain complexity. You get full-stack React components for Base that work without backend infrastructure and keep transaction fees under a penny. The setup is quick with included scripts, and components are composable so you can mix wallet connection, identity display, swap interfaces, and payment flows as needed. It's opinionated around the Base ecosystem and Coinbase infrastructure, which is either convenient or limiting depending on your project. Best for shipping onchain features fast without writing contract integrations from scratch.

skills.sh installs: 117
GitHub stars: 1.1K
last updated: Jun 3, 2026

View on GitHub

Install

$ npx -y skills add bankrbot/openclaw-skills --skill onchainkit --agent claude-code

Installs into .claude/skills of the current project.

Files

OnchainKit

Build production-ready onchain applications using Coinbase's comprehensive React component library and TypeScript utilities.

Overview

OnchainKit provides ready-to-use, full-stack components that abstract blockchain complexity, making it easy to build onchain applications without deep blockchain knowledge. It offers AI-friendly components that work automatically on Base, requires no backend infrastructure, and provides cost-effective transactions (< $0.01 fees).

Quick Start

New Project Setup

# Create a new onchain app with all batteries included
scripts/create-onchain-app.py <project-name>

# Verify setup
scripts/validate-setup.py

Add to Existing Project

npm install @coinbase/onchainkit
# Setup configuration and providers
scripts/setup-environment.py

Core Capabilities

1. Wallet Connection & Management

Connect users to their crypto wallets with minimal code:

import { Wallet, ConnectWallet } from '@coinbase/onchainkit/wallet';

function WalletConnection() {
  return (
    <Wallet>
      <ConnectWallet />
    </Wallet>
  );
}

SKILL.md on GitHub