# appkit

A skill that walks your agent through Reown AppKit: wallet modal, network switching, EVM, Solana and Bitcoin. Useful when a web app needs wallet connection.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 1100 installs · ★ 3
- Author: reown-com
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/reown-com/skills/tree/HEAD/skills/appkit/SKILL.md
- Updated: 2026-03-11
- HTML: https://affpapa.org/en/nevibecode/skills/appkit

## What it does

The skill covers Reown AppKit integration in React, Next.js, Vue, Nuxt, Svelte and plain JavaScript apps. It lays out the order of work: install packages, configure an adapter, call `createAppKit`, wrap the app with providers, then add `<appkit-button />` or use hooks to open the modal.

Adapters map to chains: Wagmi or Ethers v5/v6 for EVM, separate ones for Solana and Bitcoin. Each framework and adapter pair has its own reference file, such as `references/react-wagmi.md` or `references/nextjs-multichain.md`. Hooks like `useAppKitAccount` and `useAppKitNetwork` expose the address, connection status and network switching.

Two things bite people. Every `@reown/appkit*` package has to be the same version, because mixed versions fail quietly at runtime. And `createAppKit` runs once at module scope, not inside a component, or you get duplicate instances. Next.js and Nuxt need SSR setup. The examples ship a public projectId for localhost only; production needs your own from dashboard.reown.com. Node 18+ and a modern bundler are expected.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add reown-com/skills --skill appkit -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/appkit/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/appkit/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add reown-com/skills --skill appkit -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/appkit/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add reown-com/skills --skill appkit -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/appkit/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install reown-com/skills appkit
```

2. **Manually: put the files in place**
- File: `.github/skills/appkit/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add reown-com/skills --skill appkit -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/reown-com/skills --path skills/appkit
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/appkit/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add reown-com/skills --skill appkit -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/reown-com/skills/tree/HEAD/skills/appkit/SKILL.md

## When to use it
- add wallet connection to a React app
- set up multi-chain support across EVM, Solana and Bitcoin
- pick the right adapter for a chain
- debug AppKit initialization or the modal
- implement Sign In With X authentication

## Example prompts
- Help me integrate Reown AppKit into a Next.js app with Wagmi
- Set up multichain: EVM, Solana and Bitcoin in one app
- The AppKit modal won't open — figure out why

## Similar
- [seeker-connect](https://affpapa.org/en/nevibecode/skills/seeker-connect.md) — skill · 7000 installs
- [gmgn-wallet-review](https://affpapa.org/en/nevibecode/skills/gmgn-wallet-review.md) — skill · 2400 installs
- [onchainkit](https://affpapa.org/en/nevibecode/skills/onchainkit.md) — skill · 641 installs
- [nansen-wallet-manager](https://affpapa.org/en/nevibecode/skills/nansen-wallet-manager.md) — skill · 366 installs
- [emblem-ai](https://affpapa.org/en/nevibecode/skills/emblem-ai.md) — skill · 8700 installs
- [turbo-transforms](https://affpapa.org/en/nevibecode/skills/turbo-transforms.md) — skill · 3600 installs

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md