uniswap-viem-integration

For Developers

The standard foundation for connecting TypeScript/JavaScript projects to EVM chains — and a required first step for all Uniswap skills.

• Covers client setup, account management, multi-chain config, contract reads/writes, wallet connection, and transaction signing
• Type-safe contract interactions using ABIs — catch errors at compile time, not runtime
• Required prerequisite before using uniswap-swap-integration or any other Uniswap skill

Uniswap Viem Integration

Complete guidance for integrating EVM blockchains into TypeScript and JavaScript applications using viem and wagmi.

Prerequisites

• Node.js project initialized
• claude plugin add @uniswap/uniswap-viem or npx skills add Uniswap/uniswap-ai installed
• npm install viem and npm install wagmi in your project

When to Use This Skill

Use this skill when the user:

• Is starting any TypeScript or JavaScript project that interacts with EVM chains
• Needs to set up a viem public client, wallet client, or test client
• Wants to configure wagmi for wallet connections in a React application
• Wants to read from or write to a smart contract with type safety
• Is setting up the EVM foundation before adding Uniswap-specific features

What is Uniswap Viem Integration?

Viem and wagmi are the modern, type-safe standard for EVM interaction in TypeScript and JavaScript. This skill provides complete setup guidance for both libraries: creating public, wallet, and test clients; managing accounts; configuring multiple chains; performing typed contract reads and writes using ABIs; handling wallet connection flows in React with wagmi; and signing and submitting transactions. Set this up first — it is the required foundation before using uniswap-swap-integration or any other Uniswap skill that requires on-chain interaction.

Key packages:

• npm install viem — Core EVM interaction library for TypeScript/JavaScript
• npm install wagmi — React hooks for wallet connection and contract interaction