# adding-error-tracking

Скилл подключает Sentry к веб-приложению: ловит ошибки, считает трейсы и загружает source maps. Пригодится, когда нужен crash reporting без ручной настройки.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 386 установок · ★ 866
- Автор: spencerpauly
- Лицензия: CC0-1.0 · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/spencerpauly/awesome-cursor-skills/tree/HEAD/resources/adding-error-tracking/SKILL.md
- Обновлён: 2026-08-02
- HTML: https://affpapa.org/nevibecode/skills/adding-error-tracking

## Что делает

Скилл включается, когда вы просите добавить отслеживание ошибок, отчёты о падениях или трассировку производительности. Сначала он смотрит `package.json`, конфиги и структуру каталогов, чтобы понять стек: Next.js, React, Node.js, Python. Дальше ставит нужный SDK — для Next.js запускает `npx @sentry/wizard@latest -i nextjs`, для React на Vite `npm install @sentry/react`, для Node.js `npm install @sentry/node`, для Python `pip install sentry-sdk`.

После установки скилл инициализирует Sentry. В Next.js мастер создаёт `sentry.client.config.ts`, `sentry.server.config.ts` и `sentry.edge.config.ts` — их надо проверить, что DSN на месте. В React инициализация идёт в `main.tsx` с `browserTracingIntegration()` и `tracesSampleRate`, в Node.js — в самом верху входного файла, до остальных импортов. Затем добавляются переменные окружения: `NEXT_PUBLIC_SENTRY_DSN`, `SENTRY_AUTH_TOKEN`, `SENTRY_ORG`, `SENTRY_PROJECT`.

Для продакшена скилл настраивает загрузку source maps через плагин webpack или vite, а в Next.js это делает `withSentryConfig` в `next.config.js`. Заранее нужен DSN и токен `SENTRY_AUTH_TOKEN` — без них события не уйдут в дашборд. Токен не коммитьте, а `sentry.properties` и `.sentryclirc` добавьте в `.gitignore`. В продакшене скилл советует снизить `tracesSampleRate` до `0.1`, чтобы не раздувать расходы.

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

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add spencerpauly/awesome-cursor-skills --skill adding-error-tracking -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add spencerpauly/awesome-cursor-skills --skill adding-error-tracking -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add spencerpauly/awesome-cursor-skills --skill adding-error-tracking -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install spencerpauly/awesome-cursor-skills adding-error-tracking
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add spencerpauly/awesome-cursor-skills --skill adding-error-tracking -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/spencerpauly/awesome-cursor-skills --path resources/adding-error-tracking
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add spencerpauly/awesome-cursor-skills --skill adding-error-tracking -a opencode
```

### Claude.ai

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

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/spencerpauly/awesome-cursor-skills/tree/HEAD/resources/adding-error-tracking/SKILL.md

## Когда брать
- подключить Sentry к Next.js и проверить, что DSN прописан во всех конфигах
- обернуть приложение в `Sentry.ErrorBoundary` с запасным UI
- настроить загрузку source maps для продакшен-сборки
- добавить переменные окружения для DSN и токена авторизации
- проверить интеграцию временной кнопкой, которая бросает ошибку

## Примеры запросов агенту
- добавь Sentry в этот проект
- настрой error tracking и source maps для продакшена
- подключи crash reporting к React-приложению

## Похожие
- [sentry-nextjs-sdk](https://affpapa.org/nevibecode/skills/sentry-nextjs-sdk.md) — скилл · 3600 установок
- [sentry](https://affpapa.org/nevibecode/rules/sentry.md) — правило · ★ 3579
- [sentry-fix-stack-traces](https://affpapa.org/nevibecode/skills/sentry-fix-stack-traces.md) — скилл · 1500 установок
- [integration-error-observability](https://affpapa.org/nevibecode/skills/integration-error-observability.md) — скилл · 7700 установок
- [observability](https://affpapa.org/nevibecode/skills/observability.md) — скилл · 7 установок
- [triaging-error-issues](https://affpapa.org/nevibecode/skills/triaging-error-issues.md) — скилл · 329 установок

Из того же набора: [spencerpauly/awesome-cursor-skills](https://affpapa.org/nevibecode/by/spencerpauly/awesome-cursor-skills.md) — 59 карточек

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

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