# emblem-ai-react

Скилл для тех, кто собирает React-приложение с авторизацией и кошельковыми аккаунтами EmblemAI. Внутри — провайдеры, хуки и готовые компоненты входа и чата.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 8800 установок · ★ 12
- Автор: EmblemAI
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/EmblemCompany/Agent-skills/tree/HEAD/skills/emblem-ai-react/SKILL.md
- Обновлён: 2026-05-15
- HTML: https://affpapa.org/nevibecode/skills/emblem-ai-react

## Что делает

Скилл помогает подключить EmblemAI к React-приложению, а не только через CLI или низкоуровневые SDK. Он описывает сборку провайдеров `EmblemAuthProvider` и `HustleProvider`, хуки для сессии, vault и состояния кошелька, а также компоненты вроде `ConnectButton`.

Вход в приложение можно собрать через криптокошелёк, email с паролем или соцсети. Отдельный блок — Migrate.fun: хуки `useProject` и `useProjects` тянут метаданные проектов и токенов из удалённых API и показывают их в интерфейсе. `HustleProvider` при этом ходит на настраиваемый backend по адресу `hustleApiUrl` или `import.meta.env.VITE_HUSTLE_API_URL` — это инфраструктура EmblemVault, а не сторонний сервис.

Скилл стоит брать, когда задача явно про React: композиция компонентов, обвязка провайдеров, паттерны UI. Для общих сценариев SDK и CLI есть более широкий `emblem-ai`, а примеры промптов под кошельки, трейдинг и NFT лежат в `emblem-ai-prompt-examples`. Старые пакеты могут сохранять брендинг `hustle`, хотя продукт называется EmblemAI — это повод проверить имена зависимостей перед подключением.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add EmblemCompany/Agent-skills --skill emblem-ai-react -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/emblem-ai-react/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/emblem-ai-react/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add EmblemCompany/Agent-skills --skill emblem-ai-react -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/emblem-ai-react/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add EmblemCompany/Agent-skills --skill emblem-ai-react -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/emblem-ai-react/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install EmblemCompany/Agent-skills emblem-ai-react
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/emblem-ai-react/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add EmblemCompany/Agent-skills --skill emblem-ai-react -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/EmblemCompany/Agent-skills --path skills/emblem-ai-react
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/emblem-ai-react/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add EmblemCompany/Agent-skills --skill emblem-ai-react -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/EmblemCompany/Agent-skills/tree/HEAD/skills/emblem-ai-react/SKILL.md

## Когда брать
- Нужно добавить в React-приложение вход через кошелёк, email или соцсети, но нет готовой обвязки провайдеров.
- Сессия, vault и состояние кошелька разбросаны по компонентам, а нужны хуки с единым доступом.
- Хочется показать в интерфейсе данные проектов Migrate.fun, но непонятно, как подключить `useProject` и `useProjects`.
- После логина нужно перейти к чату и подписям, а связка компонентов не выстроена.

## Примеры запросов агенту
- Покажи минимальное React-приложение на EmblemAI
- Помоги добавить `EmblemAuthProvider` и `HustleProvider`
- Собери React-приложение со входом через кошелёк, email и соцсети

## Похожие
- [clerk-react-patterns](https://affpapa.org/nevibecode/skills/clerk-react-patterns.md) — скилл · 19700 установок
- [emblem-ai-agent-wallet](https://affpapa.org/nevibecode/skills/emblemcompany-emblem-ai-agent-wallet.md) — скилл · 8700 установок
- [clerk-nextjs-patterns](https://affpapa.org/nevibecode/skills/clerk-nextjs-patterns.md) — скилл · 53400 установок
- [cloud](https://affpapa.org/nevibecode/skills/cloud.md) — скилл · 5000 установок
- [appkit](https://affpapa.org/nevibecode/skills/appkit.md) — скилл · 1100 установок
- [onchainkit](https://affpapa.org/nevibecode/skills/onchainkit.md) — скилл · 641 установка

Из того же набора: [emblemcompany/agent-skills](https://affpapa.org/nevibecode/by/emblemcompany/agent-skills.md) — 8 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md