Skip to main content
affpapa.org
RU EN
subagent

web3-integration-specialist — Claude Code subagent

Build Web3 frontends with help on wallet connections, contract calls, and transaction flows. Use it for dApp work that touches blockchain integrations.

Install into Claude Code · claude-code-templates All methods and platforms ↓ 
npx claude-code-templates@latest --agent blockchain-web3/web3-integration-specialist
Open on GitHub

What web3-integration-specialist does

This subagent helps connect frontend code to blockchain networks. It covers wallet setup, smart-contract calls, and transaction state in the interface, with a focus on RainbowKit, Reown, WalletConnect, wagmi, and viem. Its scope also includes ERC-20, ERC-721, and ERC-1155 flows, plus NFT metadata and minting screens.

For a new project, it favors wagmi v3, viem v2.x, and TanStack Query v5, while checking package.json before relying on a particular wagmi API. It can also address network switching, fee estimates, and loading states. Confirm the contract address, ABI, and chain ID before integration; unlimited token approvals require the user’s explicit confirmation.

What it helps with

  • connect multiple wallets to a Web3 frontend
  • call smart-contract functions from a client app
  • show transaction progress and confirmation states
  • display NFT metadata and build a minting flow

Example prompts for the agent

  • Connect several Web3 wallets to my React app and add network switching.
  • Inspect the installed wagmi version, then wire my frontend to the contract and handle transaction submission.
  • Build an NFT minting screen that loads metadata and explains the wallet request.

How to install web3-integration-specialist

1claude-code-templates

npx claude-code-templates@latest --agent blockchain-web3/web3-integration-specialist

2Manually: put the files in place

.claude/agents/web3-integration-specialist.md

For all projects use ~/.claude/agents/. Claude delegates by the description field or an @-mention

Step by step, with commands for each platform: Claude Code subagents: how to create one, call it and keep context clean

Questions about web3-integration-specialist

How do I install web3-integration-specialist in Claude Code?

Run npx claude-code-templates@latest --agent blockchain-web3/web3-integration-specialist. The agent file is located at .claude/agents/web3-integration-specialist.md.

What does web3-integration-specialist do?

It assists with Web3 frontend work, including wallet and network connections, smart-contract calls, and transaction UI. It also covers token and NFT flows.

What should I confirm before integrating a smart contract?

Confirm the deployment’s contract address, ABI, and chain ID. For a new project, check the installed wagmi version before choosing APIs.

Similar subagents

All subagents for Frontend and UI →
frontend-developer VoltAgent Community Subagent for building complete frontend applications with React 18+, Vue 3+, and Angular 15+. Handles component architecture, state management, testing, and accessibility. 40,905installs ui-ux-designer Seth Hobson This subagent creates interfaces, wireframes, and design systems. Use it for user flows, accessibility work, and consistent UI patterns. CX Codex 27,069installs fullstack-developer VoltAgent Community This subagent carries a feature across the database, API, and frontend layers. Use it when one change needs a consistent end-to-end implementation. 18,117installs javascript-pro Seth Hobson A subagent for modern JavaScript, async code, and Node.js APIs. Use it to debug event-loop issues, review complex patterns, and plan TypeScript migrations. CX Codex 4,974installs ui-designer VoltAgent Community Designs visual interfaces, builds component libraries, and creates handoff documentation. Ideal when code needs structured UI states and design tokens. 1,979installs ui-designer Seth Hobson Designs interfaces, components, and responsive layouts with implementation in mind. Use it when building screens, forms, tables, or a design system. CX Codex 1,979installs

From the same set804

The whole set →
mcp-security-auditor Audits Model Context Protocol servers for vulnerabilities, configures OAuth 2.1 flows, and designs RBAC. Useful before deploying MCP tools to production. 851installs content-curator This subagent audits Obsidian notes, spots duplicates and stale material, and suggests cleanup work. Use it when a vault needs regular content review. 846installs test-runner Runs project test suites, isolates failure causes, and suggests fixes. The agent never modifies code directly, returning a diagnostic report instead. 846installs create-onboarding-guide Scans your project repository to generate tailored onboarding documentation for new team members. It extracts stack details and workflows directly from config files. 835installs supabase-backup-manager A Claude slash command that runs Supabase database backups: takes snapshots, validates restores and manages the schedule. 812installs nosql-specialist Models schemas, builds aggregation pipelines, and tunes indexing for MongoDB, Redis, Cassandra, and graph stores. Useful when structuring NoSQL data layers. 808installs url-link-extractor Scans your codebase to compile an inventory of internal links, external URLs, asset paths, and API endpoints. Useful during domain migrations, SEO audits, and code cleanup. 799installs optimize-database-performance A Claude slash command that walks through slow queries, indexes and schema, then tells you what to rewrite. Useful when a page stalls on one SELECT. 794installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor