# capacitor-splash-screen

Скилл разбирается, почему в приложении Capacitor мелькает белый экран или сплэш не исчезает, и правит конфиг, тему Android 12+ и iOS storyboard.

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

## Что делает

Скилл ведёт агента по всему пути запуска: сначала смотрит `capacitor.config.*`, `styles.xml`, `variables.gradle`, `Info.plist`, `SceneDelegate.swift` и папку с ассетами, потом помогает сгенерировать иконки и сплэши через `npx capacitor-assets generate`. Отдельно разобраны фазы — системный экран запуска до кода и оверлей плагина до вызова `hide()`.

Главная ловушка в том, что с `launchAutoHide: false` падение JS до `hide()` оставляет приложение на сплэше навсегда. Скилл советует добавить запасной таймер и не забыть про фон `<body>` в цвет сплэша, иначе между нативным экраном и первой отрисовкой всё равно мелькнёт белым. Для Android 12+ многие опции плагина вроде `androidScaleType` и `showSpinner` не работают: экран рисует сама система, и логотип надо держать в центральной трети, иначе круглая маска его обрежет.

Есть таблица изменений по версиям. В Capacitor 9 значение `launchFadeOutDuration` на Android сменилось с 200 на 0, поэтому затухание пропадает, если не задать 200 явно. На iOS с 8.5 окно и `CAPBridgeViewController` создаются в `SceneDelegate`, а `Main.storyboard` больше не отдаёт корневой контроллер — свои вью туда добавлять бессмысленно. Storyboard кэшируется системой, после правок приложение надо удалить с устройства и поставить заново.

## Установка

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

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

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

### Codex

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

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

### Cursor

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

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

### GitHub Copilot

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

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

### Gemini CLI

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

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

### Windsurf (Devin Desktop)

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

### OpenCode

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

### Claude.ai

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

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

## Когда брать
- убрать белое или чёрное мелькание между сплэшем и первой отрисовкой веб-приложения
- починить сплэш, который не скрывается после запуска
- вернуть затухание на Android после перехода на Capacitor 9
- исправить обрезанную иконку на Android 12+
- перегенерировать иконки и сплэш-ассеты из исходников

## Примеры запросов агенту
- сплэш не исчезает после запуска, посмотри конфиг SplashScreen и вызови hide() когда экран готов
- на Android 12 иконка обрезана круглая, помоги поправить тему Theme.SplashScreen
- после обновления до Capacitor 9 пропала анимация затухания сплэша, верни её

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

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

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