# add-integration

Скилл добавляет и настраивает интеграции Astro, адаптеры и UI-фреймворки. Нужен, когда проекту требуются React, Tailwind, MDX или серверный адаптер.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 399 установок · ★ 14
- Автор: incluud
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/incluud/astro-agent-skills/tree/HEAD/skills/add-integration/SKILL.md
- Обновлён: 2026-04-23
- HTML: https://affpapa.org/nevibecode/skills/add-integration

## Что делает

Скилл сначала определяет тип изменения: UI-фреймворк, стили, адаптер деплоя, контентный инструмент или утилита. Затем он выбирает `astro add`, если интеграция поддерживает официальный путь, либо подключает пакет вручную через пакетный менеджер и `astro.config.*`.

Он проверяет регистрации в `integrations`, `output`, импорты стилей, переменные окружения и настройки платформы. Для React, Vue и других фреймворков скилл подбирает директиву гидрации: от `client:visible` до `client:only`, когда это действительно нужно.

После настройки он предлагает запустить `astro check`, `astro build` или тесты проекта и проверить ошибки гидрации. Для Astro 6 сначала нужна среда с Node 22.12.0 или новее, иначе интеграционные сбои легко принять за ошибки приложения.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add incluud/astro-agent-skills --skill add-integration -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add incluud/astro-agent-skills --skill add-integration -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add incluud/astro-agent-skills --skill add-integration -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install incluud/astro-agent-skills add-integration
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add incluud/astro-agent-skills --skill add-integration -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/incluud/astro-agent-skills --path skills/add-integration
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add incluud/astro-agent-skills --skill add-integration -a opencode
```

### Claude.ai

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

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

## Когда брать
- добавить официальную интеграцию Astro
- подключить React, Vue или Svelte
- настроить адаптер Netlify, Vercel, Cloudflare или Node
- проверить импорт стилей и конфигурацию Tailwind
- найти ошибки гидрации после настройки

## Примеры запросов агенту
- Добавь React в Astro-проект и настрой интеграцию через официальный путь.
- Подключи Tailwind и проверь импорт общей таблицы стилей.
- Настрой адаптер Vercel, обнови `astro.config.*` и проверь сборку.

## Похожие
- [add-ui](https://affpapa.org/nevibecode/skills/add-ui.md) — скилл · 636 установок
- [astro](https://affpapa.org/nevibecode/skills/mindrally-astro.md) — скилл · 886 установок
- [flutter-add-integration-test](https://affpapa.org/nevibecode/skills/flutter-add-integration-test.md) — скилл · 38200 установок
- [clerk-astro-patterns](https://affpapa.org/nevibecode/skills/clerk-astro-patterns.md) — скилл · 14300 установок
- [astro-typescript-cursorrules-prompt-file](https://affpapa.org/nevibecode/rules/astro-typescript-cursorrules-prompt-file.md) — правило · ★ 41024
- [dittu](https://affpapa.org/nevibecode/mcp/dittu.md) — MCP-сервер · ★ 44

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

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

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