CtrlK
BlogDocsLog inGet started
Tessl Logo

onchainkit

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

57

Quality

66%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Medium

Suggest reviewing before use

Fix and improve this skill with Tessl

tessl review fix ./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
Path

src/skills/bundled/onchainkit/SKILL.md

Commit

e71a5f6

Last updated
First committed

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