# sentry-browser-sdk

Скилл проводит агента через полную настройку Sentry в браузерном JavaScript: проверяет проект на фреймворки, выбирает способ установки и подключает нужные функции.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 2900 установок · ★ 272
- Автор: getsentry
- Лицензия: Apache-2.0 · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/getsentry/sentry-for-ai/tree/HEAD/skills-legacy/sentry-browser-sdk/SKILL.md
- Обновлён: 2026-10-23
- HTML: https://affpapa.org/nevibecode/skills/sentry-browser-sdk

## Что делает

Скилл сначала сканирует проект. Ищет в `package.json` React, Next.js, Vue, Angular, Svelte, Remix, Nuxt, Astro или Ember, и если находит — останавливается и передаёт работу скиллу под конкретный фреймворк. В React-проекте этот скилл ничего не настроит, и так и задумано: `@sentry/browser` там теряет транзакции по роутеру и границы ошибок.

Фреймворка нет — начинается выбор способа установки. Есть `package.json` и сборщик: установка через npm. WordPress, Shopify или статический HTML без npm: Loader Script. Только теги `script`: CDN-бандл. Дальше агент предлагает набор функций. Мониторинг ошибок и трассировку включает всегда, session replay советует для страниц, где бывают пользователи, а user feedback, логирование и профилирование оставляет на выбор.

Ограничения лучше знать до старта. Логирование не работает через Loader Script, нужен npm или CDN-бандл с логами. Профилирование помечено как beta, идёт только в Chromium и требует заголовок `Document-Policy: js-profiling` в ответе сервера. Версии API в скилле рассчитаны на `@sentry/browser` ≥10.0.0.

## Требования
- Работает с: Sentry

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add getsentry/sentry-for-ai --skill sentry-browser-sdk -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add getsentry/sentry-for-ai --skill sentry-browser-sdk -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add getsentry/sentry-for-ai --skill sentry-browser-sdk -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install getsentry/sentry-for-ai sentry-browser-sdk
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add getsentry/sentry-for-ai --skill sentry-browser-sdk -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/getsentry/sentry-for-ai --path skills-legacy/sentry-browser-sdk
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add getsentry/sentry-for-ai --skill sentry-browser-sdk -a opencode
```

### Claude.ai

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

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/getsentry/sentry-for-ai/tree/HEAD/skills-legacy/sentry-browser-sdk/SKILL.md

## Когда брать
- подключить отлов ошибок к статическому сайту без сборки
- выбрать между npm-пакетом, Loader Script и CDN-бандлом
- записать session replay на страницах оформления заказа
- вовремя остановиться и уйти на SDK под фреймворк вместо `@sentry/browser`
- связать структурированные логи с трейсами

## Примеры запросов агенту
- Добавь Sentry на наш сайт под WordPress, нужен только отлов ошибок
- Поставь `@sentry/browser` в проект на jQuery и включи session replay
- Настрой трассировку и логирование для обычного JS-сайта без фреймворка

## Похожие
- [sentry-react-sdk](https://affpapa.org/nevibecode/skills/getsentry-sentry-react-sdk.md) — скилл · 579 установок
- [sentry-go-sdk](https://affpapa.org/nevibecode/skills/getsentry-sentry-go-sdk.md) — скилл · 316 установок
- [sentry](https://affpapa.org/nevibecode/skills/brianlovin-sentry.md) — скилл · 2800 установок
- [dd-browser-sdk](https://affpapa.org/nevibecode/skills/dd-browser-sdk.md) — скилл · 577 установок
- [fix-sentry-issues](https://affpapa.org/nevibecode/skills/fix-sentry-issues.md) — скилл · 2700 установок
- [Sentry Bug Fixer](https://affpapa.org/nevibecode/prompts/sentry-bug-fixer.md) — промпт · ★ 174597

Из того же набора: [getsentry/sentry-for-ai](https://affpapa.org/nevibecode/by/getsentry/sentry-for-ai.md) — 31 карточка

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

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