# capacitor-expert

Скилл-справочник по Capacitor: архитектура, CLI, плагины, интеграция с фреймворками и Capawesome Cloud. Пригодится, когда агент собирает или чинит кросс-платформенное приложение.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 1100 установок · ★ 51
- Автор: capawesome-team
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/capawesome-team/skills/tree/HEAD/skills/capacitor-expert/SKILL.md
- Обновлён: 2026-10-20
- HTML: https://affpapa.org/nevibecode/skills/capacitor-expert

## Что делает

Скилл даёт агенту опорный материал по Capacitor: как устроены веб-слой, нативный мост и нативный слой, как устроен проект с папками `android/` и `ios/`, что писать в `capacitor.config.ts`. Отдельно разобраны команды CLI — от `npx cap init` до `npx cap doctor` и `npx cap ls`.

Внутри есть разделы про создание приложения, плагины, интеграцию с Angular, React и Vue, хранение данных, безопасность, тестирование, диагностику и обновление версий. Про Capawesome Cloud сказано про живые обновления, нативные сборки и публикацию в сторах. Скилл задуман как отправная точка: для глубоких тем в коллекции есть отдельные скиллы, и автор советует ставить их в пару.

Для работы нужны Node.js и npm. Сборка под iOS требует Xcode на macOS, под Android — Android Studio. Есть два хостовых MCP-сервера с актуальной документацией; аккаунт и токен для них не нужны. Если инструменты MCP недоступны, скилл советует один раз упомянуть команды подключения и работать дальше — блокироваться на этом не стоит. Кстати, документация на серверах свежее той, что вшита в скилл, поэтому при расхождении верьте странице.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add capawesome-team/skills --skill capacitor-expert -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add capawesome-team/skills --skill capacitor-expert -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add capawesome-team/skills --skill capacitor-expert -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install capawesome-team/skills capacitor-expert
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add capawesome-team/skills --skill capacitor-expert -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/capawesome-team/skills --path skills/capacitor-expert
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add capawesome-team/skills --skill capacitor-expert -a opencode
```

### Claude.ai

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

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

## Когда брать
- разобраться, как устроен проект Capacitor и что коммитить в репозиторий
- добавить платформу Android или iOS и синхронизировать веб-ассеты
- обернуть плагин Capacitor в сервис Angular или хук React
- найти причину, по которой приложение не собирается, через `npx cap doctor`
- подключить живые обновления и нативные сборки через Capawesome Cloud

## Примеры запросов агенту
- Добавь iOS-платформу в проект и объясни, что делает `npx cap sync`
- Почему слушатель события плагина не срабатывает в Angular?
- Сделай хук `useCamera` поверх плагина Capacitor для React

## Похожие
- [capacitor-splash-screen](https://affpapa.org/nevibecode/skills/capacitor-splash-screen.md) — скилл · 1100 установок
- [webapp-to-capacitor](https://affpapa.org/nevibecode/skills/webapp-to-capacitor.md) — скилл · 665 установок
- [ionic](https://affpapa.org/nevibecode/skills/ionic.md) — скилл · 797 установок
- [mobile-touch](https://affpapa.org/nevibecode/skills/mobile-touch.md) — скилл · 2400 установок
- [imagegen-frontend-mobile](https://affpapa.org/nevibecode/skills/imagegen-frontend-mobile.md) — скилл · 1700 установок
- [ui-mobile](https://affpapa.org/nevibecode/skills/ui-mobile.md) — скилл · 1200 установок

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

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

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