appkit — скилл для Claude Code: подключение кошельков через Reown
Скилл ведёт агента по интеграции Reown AppKit: модальное окно кошелька, смена сети, EVM, Solana и Bitcoin. Пригодится, когда в веб-приложение надо добавить подключение кошелька.
npx skills add reown-com/skills --skill appkit -a claude-codeЧто делает appkit
Скилл описывает интеграцию Reown AppKit в веб-приложения на React, Next.js, Vue, Nuxt, Svelte и чистом JavaScript. Внутри — пошаговый порядок: установка пакетов, настройка адаптера, вызов createAppKit, обёртка провайдерами, кнопка <appkit-button /> или хуки для открытия модального окна.
Адаптеры выбираются под цепочку: Wagmi или Ethers v5/v6 для EVM, отдельные для Solana и Bitcoin. Для каждого сочетания фреймворка и адаптера в скилле есть справочный файл, например references/react-wagmi.md или references/nextjs-multichain.md. Хуки вроде useAppKitAccount и useAppKitNetwork дают адрес, статус подключения и переключение сети.
Два момента, на которых легко споткнуться. Все пакеты @reown/appkit* должны быть одной версии: разные версии дают тихие ошибки в рантайме. И createAppKit вызывается один раз на уровне модуля, а не внутри компонента, иначе появятся дублирующиеся экземпляры. Для Next.js и Nuxt нужна настройка SSR. В примерах стоит публичный projectId для localhost, для продакшена нужен свой из dashboard.reown.com. Нужен Node 18+ и современный бандлер.
Какие задачи решает
- добавить подключение кошелька в React-приложение
- настроить мультичейн на EVM, Solana и Bitcoin сразу
- выбрать адаптер под нужную цепочку
- починить инициализацию AppKit или модальное окно
- сделать вход через SIWX
Примеры запросов агенту
- Помоги подключить Reown AppKit к Next.js с Wagmi
- Настрой мультичейн: EVM, Solana и Bitcoin в одном приложении
- Модальное окно AppKit не открывается — разберись, в чём дело
Как установить appkit
1Через Skills CLI (Vercel)
npx skills add reown-com/skills --skill appkit -a claude-code2Вручную: положить файлы
~/.claude/skills/appkit/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/appkit/
1Через Skills CLI (Vercel)
npx skills add reown-com/skills --skill appkit -a codex2Вручную: положить файлы
.agents/skills/appkit/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add reown-com/skills --skill appkit -a cursor2Вручную: положить файлы
.cursor/skills/appkit/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install reown-com/skills appkit2Вручную: положить файлы
.github/skills/appkit/SKILL.md1Через Skills CLI (Vercel)
npx skills add reown-com/skills --skill appkit -a gemini-cli2Командой платформы
gemini skills install https://github.com/reown-com/skills --path skills/appkitВручную: положить файлы
.devin/skills/appkit/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add reown-com/skills --skill appkit -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Похожие
Рядом в теме «Фронтенд и UI»
Всё по теме «Фронтенд и UI» →Вопросы о appkit
Как установить appkit в Claude?
Выполните npx skills add reown-com/skills --skill appkit -a claude-code. Файл скилла появится по пути ~/.claude/skills/appkit/SKILL.md.
Что делает скилл appkit?
Проводит агента через интеграцию Reown AppKit: установка пакетов, настройка адаптера, создание экземпляра AppKit, подключение хуков и компонентов для работы с кошельком и сетью.
Какие фреймворки поддерживает appkit?
React, Next.js, Vue, Nuxt, Svelte и обычный JavaScript. Для Next.js и Nuxt дополнительно требуется настройка SSR.
