# netlify-frameworks

Скилл подсказывает агенту настройки сборки, SSR-адаптеры и переменные окружения для деплоя веб-фреймворков на Netlify.

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

## Что делает

Скилл закрывает рутину вокруг деплоя: команда сборки, publish-директория, адаптеры для SSR и edge-функций, редиректы для SPA. Внутри — справочники по конкретным фреймворкам: `references/astro.md`, `references/nextjs.md`, `references/nuxt.md`, `references/sveltekit.md`, `references/tanstack.md`, `references/vite.md`. Агент читает нужный файл и работает по нему, а не угадывает.

Отдельный блок про переменные окружения. Значения подставляются на этапе сборки, поэтому правка переменной в UI или CLI сама по себе ничего не меняет — нужен новый деплой. Секреты нельзя держать в переменных с клиентским префиксом (`VITE_`, `NEXT_PUBLIC_`, `PUBLIC_`, `NUXT_PUBLIC_`, `REACT_APP_`, `GATSBY_`, `VUE_APP_`): они попадают в браузерный бандл. Для доступа во время выполнения нужны обе области — Functions и Builds, а `netlify.toml` функции в рантайме не читают.

Есть таблица настроек сборки по фреймворкам — от Angular и Astro до SvelteKit и TanStack Start. Локальная эмуляция платформы работает через Vite-плагины (`@netlify/vite-plugin`, `@netlify/nuxt`), но для Gatsby, Angular SSR и фреймворков без Vite-плагина всё ещё нужен `netlify dev`. Одна ловушка: если в `[dev]` заданы и свой `command`, и `targetPort`, без `framework = "#custom"` детектор перебьёт вашу команду. И ещё: при переходе на SSR-адаптер уберите SPA-правило `/* /index.html 200`, иначе оно тихо отдаёт статический `index.html` вместо SSR-страниц и API-роутов.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add netlify/context-and-tools --skill netlify-frameworks -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add netlify/context-and-tools --skill netlify-frameworks -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add netlify/context-and-tools --skill netlify-frameworks -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install netlify/context-and-tools netlify-frameworks
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add netlify/context-and-tools --skill netlify-frameworks -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/netlify/context-and-tools --path skills/netlify-frameworks
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add netlify/context-and-tools --skill netlify-frameworks -a opencode
```

### Claude.ai

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

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

## Когда брать
- выставить команду сборки и publish-директорию под свой фреймворк
- подключить SSR-адаптер и не сломать существующие роуты
- разобраться, почему переменная окружения не обновилась на живом сайте
- починить редиректы SPA после перехода на серверный рендеринг
- запустить функции и edge-функции локально без Netlify CLI

## Примеры запросов агенту
- Настрой деплой Astro на Netlify: команда сборки, publish-директория и адаптер для SSR
- У меня Next.js, переменная NEXT_PUBLIC_ не обновляется после правки в UI — в чём дело?
- Перевёл SvelteKit на SSR, но страницы отдаются статикой. Проверь редиректы

## Похожие
- [netlify-development](https://affpapa.org/nevibecode/skills/netlify-development.md) — скилл · 665 установок
- [cloudflare-workers-frameworks](https://affpapa.org/nevibecode/skills/cloudflare-workers-frameworks.md) — скилл · 309 установок
- [nextjs-on-cloudflare](https://affpapa.org/nevibecode/skills/nextjs-on-cloudflare.md) — скилл · 42800 установок
- [netlify-official-cursorrules-prompt-file](https://affpapa.org/nevibecode/rules/netlify-official-cursorrules-prompt-file.md) — правило · ★ 41011
- [astro](https://affpapa.org/nevibecode/skills/astrolicious-astro.md) — скилл · 18200 установок
- [clerk-astro-patterns](https://affpapa.org/nevibecode/skills/clerk-astro-patterns.md) — скилл · 14300 установок

Из того же набора: [netlify/context-and-tools](https://affpapa.org/nevibecode/by/netlify/context-and-tools.md) — 14 карточек

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