ai-agent

wagmi: Build Reactive Ethereum Front‑Ends Faster

Leverage wagmi’s TypeScript hooks to create responsive Web3 UI for React, Vue, and Viem—perfect for founders launching dapps on Ethereum. 6.8k+ GitHub stars.

From the repo · “Reactive primitives for Ethereum apps”

6,763 stars+2★ this week1,449 forksTypeScriptGuide quality 9/10 · reviewed Oct 6Updated 10/22/2026100% free · open source
What it does

Wagmi provides a set of reactive primitives to build Ethereum applications, simplifying the process of interacting with the Ethereum blockchain

When to use it
  • •When building a dApp that requires real-time updates from the Ethereum blockchain
  • •When needing to simplify complex Ethereum smart contract interactions
  • •When creating an application that requires robust error handling for Ethereum transactions
Ready-to-paste prompt
Get the current Ethereum block number: `import { createClient } from 'wagmi'; const client = createClient({ provider: 'https://mainnet.infura.io/v3/YOUR_PROJECT_ID' }); client.getBlockNumber().then((blockNumber) => console.log(blockNumber));`
Heads up: Make sure to replace `YOUR_PROJECT_ID` with your actual Infura project ID, as the Infura API requires a valid project ID to function correctly
Saves to your device
Use with Claude
New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install
Claude Code
mkdir -p ~/.claude/skills/wagmi && curl -fsSL https://workflowstacks.com/api/skills/wagmi/claude-skill -o ~/.claude/skills/wagmi/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How wagmi: Build Reactive Ethereum Front‑Ends Faster works
Codeflow
Free to inspect

Wagmi: Build Reactive Ethereum Front‑Ends Faster is a very large TypeScript project (~88k lines across 1122 code files, plus 31 test files). Setup is light: installs like a normal app. Reading the code is optional. Last commit this month, MIT license, has a test suite.

Size
Very large codebase
~88k lines · 1122 code files · days to read — use, don't read
Setup
One-command install
Installs like a normal app. Reading the code is optional.
Runs on
Node.js
No API keys detected
TypeScript 99%Vue 1%
Where to start reading
  1. 1
    package.json
    Dependencies and the commands it exposes
What's in each folder
packages/Sub-packages / plugins1150 files
site/Frontend / UI610 files
playgrounds/Folder109 files
scripts/Helper scripts8 files
.github/CI / automation (GitHub Actions)18 files
.vscode/Editor / agent settings3 files
.agents/Tool / agent settings2 files
.changeset/Tool / agent settings2 files
READMEHas testsDocumentedCI checksMIT licenseUpdated this month
Quick Actions
Details
Creator
wevm
Language
TypeScript
Category
ai-agent
Published
11/23/2021

Are you the creator of this tool? and earn 85% of every sale.

Show it off in your README:

Featured on WorkflowStacks
[![Featured on WorkflowStacks](https://workflowstacks.com/api/badge/wagmi.svg)](https://workflowstacks.com/skills/wagmi?utm_source=github&utm_medium=badge)
🔥 Hot this week, in your inbox
Skills like this, every Monday.

The five fastest-growing open-source AI skills, ranked by GitHub star growth. One email a week, unsubscribe anytime.