# webapp-to-capacitor

Планирует и выполняет превращение веб-приложения, PWA или SPA в приложение под iOS и Android на Capacitor, которое проходит ревью магазинов.

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

## Что делает

Скилл ведёт проект по шагам. Сначала аудит: фреймворк и версия, каталог сборки, серверные куски вроде SSR и API-роутов, авторизация с cookie или токеном, OAuth-редиректы, что продаётся в приложении, нужные нативные возможности, офлайн и ссылки, которые должны открывать приложение. Отчёт показывают до любых правок.

Дальше статическая сборка без Node-сервера, установка оболочки Capacitor, нативный UX и плагины. Внутри есть готовые команды: `npx cap init`, `npx cap add ios`, `npx cap add android`, `npm run build && npx cap sync`. Скилл советует Capacitor 8.5+ — там жизненный цикл UIScene, который требует Xcode 27, а Capacitor 9 живёт только на теге `next`. Новые проекты на iOS берут SPM по умолчанию, и это стоит оставить.

Главная ловушка не в оболочке, а в политике магазинов. Cookie и `localStorage` с сайта не переносятся, потому что origin у приложения новый, — вход придётся делать заново. Цифровые товары и подписки внутри приложения требуют Apple IAP или Google Play Billing, если нет конкретного исключения. Создание аккаунта в приложении обязывает дать удаление аккаунта внутри приложения. Скилл не для настройки сборки одного фреймворка, не для Cordova и не для финальной загрузки в стор — под это есть отдельные скиллы.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Cap-go/capgo-skills --skill webapp-to-capacitor -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Cap-go/capgo-skills --skill webapp-to-capacitor -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Cap-go/capgo-skills --skill webapp-to-capacitor -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install Cap-go/capgo-skills webapp-to-capacitor
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Cap-go/capgo-skills --skill webapp-to-capacitor -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/Cap-go/capgo-skills --path skills/webapp-to-capacitor
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add Cap-go/capgo-skills --skill webapp-to-capacitor -a opencode
```

### Claude.ai

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

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

## Когда брать
- понять, отклонит ли Apple обёртку на WebView по правилу 4.2
- составить поэтапный план переезда с permissions, офлайном и платежами
- развести цифровые товары и физические: где нужен IAP, а где веб-оплата
- добавить удаление аккаунта, чтобы пройти проверку Apple и Google
- разобраться, что ломается после первого успешного `cap sync`

## Примеры запросов агенту
- преврати моё Next.js-приложение в приложение для iOS и Android на Capacitor
- Apple может отклонить нас за тонкий WebView — что добавить, чтобы стало нативно?
- составь план миграции: permissions, офлайн, авторизация, удаление аккаунта и платежи

## Похожие
- [capacitor-expert](https://affpapa.org/nevibecode/skills/capacitor-expert.md) — скилл · 1100 установок
- [capacitor-app-creation](https://affpapa.org/nevibecode/skills/capacitor-app-creation.md) — скилл · 820 установок
- [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 установок
- [platform-conventions](https://affpapa.org/nevibecode/skills/platform-conventions.md) — скилл · 1100 установок

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

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

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