web3-frontend

Installation
SKILL.md

web3-frontend: フロントエンド Web3 統合スキル

フロントエンドアプリケーションからブロックチェーンと対話するための設計パターン、ライブラリ選択基準、実装ガイドを提供するスキル。viem / wagmi / RainbowKit を中心とした現代的な Web3 フロントエンドスタックを対象とする。

対象技術スタック

コアライブラリ

ライブラリ 役割 備考
viem 低レベル Ethereum クライアント ethers.js の代替。TypeScript ファースト、tree-shakable
wagmi React Hooks for Ethereum viem ベース。React アプリの標準選択
@tanstack/react-query サーバー状態管理 wagmi v2 の依存。キャッシュ・再検証を担当
RainbowKit ウォレット接続 UI wagmi 統合済み。カスタマイズ性が高い
ConnectKit ウォレット接続 UI(代替) よりシンプルな API。小規模プロジェクト向け
WalletConnect v2 マルチチェーンウォレット接続プロトコル RainbowKit / ConnectKit の内部で使用

viem vs ethers.js 選択基準

Installs
1
First Seen
Feb 21, 2026
web3-frontend — stanah/dotagents