CtrlK
BlogDocsLog inGet started
Tessl Logo

onchainkit

Build onchain apps with Coinbase's OnchainKit React components - wallets, swaps, NFTs, payments

77

Quality

68%

Does it follow best practices?

Impact

Pending

No eval scenarios have been run

SecuritybySnyk

Advisory

Suggest reviewing before use

Optimize this skill with Tessl

npx tessl skill review --optimize ./src/skills/bundled/onchainkit/SKILL.md
SKILL.md
Quality
Evals
Security

OnchainKit - Build Onchain Apps

Build production-ready onchain applications using Coinbase's React component library.

Overview

OnchainKit provides ready-to-use components that abstract blockchain complexity:

  • No backend infrastructure required
  • Works automatically on Base
  • Cost-effective transactions (< $0.01 fees)

Commands

Project Setup

/onchainkit create <project-name>    Create new onchain app
/onchainkit add <component>          Add component to project

Templates

/onchainkit template wallet          Wallet connection template
/onchainkit template swap            Token swap app template
/onchainkit template nft             NFT minting template
/onchainkit template checkout        Payment processing template

Docs

/onchainkit docs wallet              Wallet integration docs
/onchainkit docs identity            Identity components docs
/onchainkit docs swap                Token swap docs
/onchainkit docs transaction         Transaction building docs

Core Components

Wallet Connection

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

Identity Display

import { Identity, Avatar, Name } from '@coinbase/onchainkit/identity';
<Identity address={address}><Avatar /><Name /></Identity>

Token Swap

import { Swap, SwapButton } from '@coinbase/onchainkit/swap';
<Swap><SwapButton /></Swap>

Quick Start

# Create new app
npm create onchain@latest

# Or add to existing project
npm install @coinbase/onchainkit

Configuration

export NEXT_PUBLIC_CDP_API_KEY="..."        # Coinbase API key
export NEXT_PUBLIC_WC_PROJECT_ID="..."      # WalletConnect ID

Resources

  • Docs: https://onchainkit.xyz
  • GitHub: https://github.com/coinbase/onchainkit
Repository
alsk1992/CloddsBot
Commit

2a8c94e

Last updated
Created

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.

Claim skill