Toolverse
All skills

wagmi-development

by wevm

Creates Wagmi features across all layers - core actions, query options, framework bindings. Use when adding new actions, hooks, or working across packages/core, packages/react, packages/vue.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
wevm
Category
Frontend
Views
1

About this skill

Creates Wagmi features across all layers - core actions, query options, framework bindings. Use when adding new actions, hooks, or working across packages/core, packages/react, packages/vue.

How to use

  1. Zainstaluj skill w swoim projekcie Wagmi, upewniając się, że masz dostęp do repozytoriów packages/core, packages/react i packages/vue.
  2. Gdy dodajesz nową akcję, zacznij od warstwy core w packages/core/src/actions/. Importuj typy i funkcje z Viem z prefiksem viem_ (np. viem_getBalance), aby uniknąć konfliktów nazw.
  3. Utwórz funkcję akcji, która pobiera konfigurację i parametry, następnie używa config.getClient({ chainId }) do dostępu do klienta i getAction() do zawinięcia funkcji Viem.
  4. Dodaj opcje zapytań w packages/core/src/query/, integrując nową akcję z TanStack Query dla cachowania i synchronizacji stanu.
  5. Utwórz binding dla React w packages/react/src/hooks/ i dla Vue w packages/vue/src/composables/, eksponując funkcjonalność jako hooki lub composables natywne dla każdego frameworka.
  6. Skill obejmuje tylko akcje oparte na Viem – nie dotyczy akcji konfiguracyjnych Wagmi, które wymagają innego podejścia.

Related skills

interactive-dashboard-builder

by anthropics

Build self-contained interactive HTML dashboards with Chart.js, dropdown filters, and professional styling. Use when creating dashboards, building interactive reports, or generating shareable HTML files with charts and filters that work without a server.

Frontend
2298

screenshot-to-code

by OneWave-AI

Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide screenshots of websites, apps, or UI designs and want code implementation.

Frontend
94209

game-development

by davila7

Game development orchestrator. Routes to platform-specific skills based on project needs.

Frontend
36112

react

by lobehub

React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks.

Frontend
2058

markitdown

by K-Dense-AI

Convert various file formats (PDF, Office documents, images, audio, web content, structured data) to Markdown optimized for LLM processing. Use when converting documents to markdown, extracting text from PDFs/Office files, transcribing audio, performing OCR on images, extracting

Frontend
75173

apple-reminders

by openclaw

Manage Apple Reminders via the `remindctl` CLI on macOS (list, add, edit, complete, delete). Supports lists, date filters, and JSON/plain output.

Frontend
2085