wagmi

Name: wagmi
Availability: InStock
Author: Celo

Connect wallets and manage on-chain interactions in Celo React applications.

8|4|Updated Jan 27, 2026

Search Tags:#React #frontend #hooks #contracts #wagmi #wallet #Celo

Ready to run

npx skills add https://github.com/celo-org/agent-skills --skill wagmi

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: wagmi
Source: https://github.com/celo-org/agent-skills/tree/main/skills/wagmi
Command: npx skills add https://github.com/celo-org/agent-skills --skill wagmi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Wagmi simplifies wallet connections and on-chain interactions for React-based Celo apps, reducing boilerplate and improving user experience.

Core Features & Use Cases

Wallet connection flows: connect, disconnect, and manage connectors in React components.
Read/Write contracts: perform read and write operations against Celo contracts using Wagmi hooks.
UI integration: compose responsive components with Wagmi's hooks and Viem-backed chains.

Quick Start

Install wagmi, viem, and react-query, then configure a WagmiProvider with the Celo chains and a basic HTTP transport.
Connect a wallet and perform a simple read or write operation to verify setup.

Frequently Asked Questions about wagmi

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

FAQPage Schema

How do I connect a wallet to my Celo React app?▼

Wagmi simplifies wallet connections in Celo React applications by providing hooks to manage connector logic, handle connection state, and switch between wallet providers. Install wagmi and viem, configure a WagmiProvider with Celo chains, then use wagmi's useConnect and useAccount hooks to build connection flows in your components.

Can I read and write to Celo smart contracts from a React frontend?▼

Yes. Wagmi enables read and write operations to Celo contracts through React hooks backed by viem. Configure your WagmiProvider with Celo chain settings and HTTP transport, then use useContractRead and useContractWrite hooks to interact with contract functions directly from your components.

What do I need to set up wagmi for Celo development?▼

To set up wagmi for Celo, install wagmi, viem, and react-query as dependencies. Create a WagmiProvider with Celo chains configured and an HTTP transport layer, then wrap your React app. This enables wallet connections and on-chain interactions across Celo networks.

Does wagmi handle transaction management across Celo networks?▼

Yes. Wagmi manages transaction handling across Celo networks through hooks that track transaction state, confirmations, and errors. Once your WagmiProvider is configured for Celo chains, wagmi automatically routes transactions to the appropriate network and provides hooks to monitor their lifecycle.

How do I manage wallet disconnection and switching in a React app?▼

Wagmi provides useDisconnect and useNetwork hooks to handle wallet disconnection and network switching in React components. These hooks let you build UI controls that safely disconnect wallets and switch between Celo networks without managing state manually.