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 の内部で使用 |