skills.rest
Eskyee
EskyeeCOMMUNITY
Explore all skills by this author →
Website𝕏@Esky33junglistGitHub

onchainkit

Create and manage onchain applications with React components and TypeScript utilities.

14|2|Updated Mar 19, 2026
Search Tags:#typescript#react#blockchain#nft#wallet#token#crypto#onchain
One-click install
npx skills add https://github.com/Eskyee/agentbot-opensource --skill onchainkit-eskyee
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: onchainkit
Source: https://github.com/Eskyee/agentbot-opensource/tree/main/skills/onchainkit
Command: npx skills add https://github.com/Eskyee/agentbot-opensource --skill onchainkit-eskyee

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @coinbase/onchainkit, wagmi, react-query, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill Unit simplifies the process of building onchain applications, allowing users to create crypto wallets, swap tokens, mint NFTs, and manage blockchain identities with ease.

Core Features & Use Cases

  • Wallet Connection & Management: Connect users to their crypto wallets and manage wallet states.
  • Identity Display: Show blockchain identities with ENS names, avatars, and verification badges.
  • Token Operations: Handle token swaps, purchases, and transfers.
  • Transaction Building: Create and execute blockchain transactions.
  • Payment Processing: Build checkout flows and payment processing.
  • NFT Integration: Display, mint, and manage NFTs.
  • Use Case: Build a complete token swap app that allows users to swap between different cryptocurrencies and view their wallet balances.

Quick Start

Use the onchainkit skill to create a new onchain app with all batteries included:

scripts/create-onchain-app.py <project-name>

Frequently Asked Questions about onchainkit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build an onchain application with React and TypeScript?▼

To build an onchain application, you can use a React component library and TypeScript utilities to integrate wallet connections, token operations, and NFT management. Running the provided setup script initializes a project with the required dependencies pre-configured.

What's the best way to add crypto wallet connection and identity features to a React app?▼

Adding crypto wallet connection and identity features to a React app involves using specialized components that handle ENS names, avatars, and verification badges. This requires installing the onchainkit package alongside wagmi and react-query.

Can I handle token swaps and NFT minting using React components?▼

Yes, you can handle token swaps and NFT minting using React components. The toolkit provides specific components for token operations, transaction building, and NFT integration to execute these blockchain functions directly within your application.

Do I need wagmi and react-query to build blockchain apps with onchainkit?▼

Yes, you need wagmi and react-query to build blockchain apps with this toolkit. These packages are listed as required dependencies to manage wallet states and data fetching for blockchain interactions effectively.

How do I create a token swap app that displays user wallet balances?▼

To create a token swap app displaying wallet balances, utilize the toolkit's token operation components alongside wallet management features. This allows users to swap cryptocurrencies while automatically fetching and viewing their updated wallet balances.

Does onchainkit support building blockchain payment processing and checkout flows?▼

Yes, onchainkit supports building blockchain payment processing and checkout flows. The toolkit includes dedicated components designed to facilitate seamless onchain transactions and payment execution within your React application.

Related Skills

Explore More Software Engineering Skills→
cyoteecyotee

wagmi-react-overview

Enable React apps to interact with Ethereum using wagmi hooks.

Community
Intermediate
shreed27shreed27

onchainkit

Build onchain applications with React components for the Base network.

Community
Intermediate
LuisSambranoLuisSambrano
7

wagmi

Integrate Celo blockchain wallet connections and contract interactions in React apps.

Community
Intermediate
dnzengoudnzengou

onchainkit

Build onchain applications with React components and TypeScript utilities.

Community
Advanced