К основному содержанию
скилл CX Codex

sentry · brianlovin — скилл для Claude Code: мониторинг Next.js

Даёт агенту правила Sentry для отслеживания ошибок и трассировки производительности в Next.js. Нужен при добавлении такой инструментализации в приложение.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add brianlovin/agent-config --skill sentry -a claude-code
Открыть на GitHub

Что делает sentry

Скилл предлагает вызывать Sentry.captureException(error) в catch и затем повторно выбрасывать ошибку. Для значимых действий он задаёт спаны: клики интерфейса, клиентские HTTP-запросы и вызовы функций. У спана можно указать операцию, имя и атрибуты.

В Next.js конфигурация разделена между sentry.client.config.ts, sentry.server.config.ts и sentry.edge.config.ts; в коде используется импорт из @sentry/nextjs. Пример инициализации берёт process.env.NEXT_PUBLIC_SENTRY_DSN и включает логи, а logger передаёт контекст полей и переменные шаблона. Это повод проверить переменную DSN до запуска приложения.

Какие задачи решает

  • перехватывать исключения в блоках try/catch
  • оборачивать запросы к API в спаны Sentry
  • трассировать клики интерфейса
  • писать структурированные логи с контекстом

Примеры запросов агенту

  • Добавь перехват ошибок Sentry в try/catch для этой операции.
  • Оберни запрос GET /api/items/${id} в спан Sentry.
  • Настрой sentry.server.config.ts с NEXT_PUBLIC_SENTRY_DSN и логированием.

Как установить sentry

1Через Skills CLI (Vercel)

npx skills add brianlovin/agent-config --skill sentry -a claude-code

2Вручную: положить файлы

~/.claude/skills/sentry/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/sentry/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Из того же набора12

simplify Переписывает код, который вы только что написали: снимает лишнюю вложенность, дубли и неудачные имена. Поведение программы остаётся прежним. CX Codex +1 20 100установок deslop Скилл проходит по диффу ветки и убирает лишние комментарии, защитные проверки и приведение к any, которые оставил ИИ. CX Codex +1 5 500установок rams Проверяет компоненты интерфейса на соответствие стандарту WCAG 2.1 и находит дефекты вёрстки. Пригодится при приёмке фронтенд-кода. CX Codex +1 3 000установок chrome-webstore-release-blueprint Пошагово проводит через настройку OAuth и автоматическую публикацию расширения в Chrome Web Store по изменению версии. CX Codex +1 2 800установок tdd Внедряет строгий цикл разработки через тестирование red-green-refactor. Помогает писать проверки по публичным API и двигаться короткими шагами. CX Codex +1 2 800установок react-doctor Скилл прогоняет React-кодовую базу по 47+ правилам и выдаёт оценку от 0 до 100 с указанием файлов и строк. Пригодится перед ревью или когда проект тормозит. CX Codex +1 2 800установок reclaude Разбирает раздутый CLAUDE.md на короткий корневой файл и папку .claude/rules/. Пригодится, когда инструкции для агента разрослись и в них стало легко запутаться. CX Codex +1 2 800установок bun Переключает агента на среду Bun вместо привычных Node.js и npm. Настраивает команды запуска, встроенные базы данных и сервер без внешних пакетов. CX Codex +1 2 800установок

Другие версии sentry

Похожие

sentry-browser-sdk getsentry Скилл проводит агента через полную настройку Sentry в браузерном JavaScript: проверяет проект на фреймворки, выбирает способ установки и подключает нужные функции. CX Codex +1 2 900установок sentry-svelte-sdk getsentry Скилл проводит агента через полную настройку Sentry в Svelte и SvelteKit: сканирует проект, предлагает набор функций и пишет конфиги. CX Codex +1 2 100установок adding-error-tracking spencerpauly Скилл подключает Sentry к веб-приложению: ловит ошибки, считает трейсы и загружает source maps. Пригодится, когда нужен crash reporting без ручной настройки. CX Codex +1 386установок observability официальный Vercel Labs Скилл настраивает сбор логов и метрик для приложений на Vercel. Помогает внедрить structured logging и подключить OpenTelemetry при сбоях. CX Codex GP ChatGPT 7установок Sentry Bug Fixer f Промпт превращает чат-модель в помощника по разбору ошибок из Sentry: анализ отчётов, приоритеты, правки и проверка. GP ChatGPT ★ 174 597звёзд репо sentry-triage официальный Liz Tom Показывает живые ошибки Sentry в канвасе Copilot, раскладывает их по срочности и отдаёт в работу — на трекинг или в PR с фиксом. ★ 40 418звёзд репо

Рядом в теме «Фронтенд и UI»

Всё по теме «Фронтенд и UI» →

Вопросы о sentry

Как установить sentry в Claude Code?

Выполните npx skills add brianlovin/agent-config --skill sentry -a claude-code, затем повторите npx skills add brianlovin/agent-config --skill sentry -a claude-code. Файл скилла находится в ~/.claude/skills/sentry/SKILL.md.

Что делает sentry?

Скилл направляет агента при добавлении Sentry в Next.js. Он охватывает перехват исключений, спаны производительности и структурированные логи.

Какие файлы конфигурации Sentry используются в Next.js?

Используются sentry.client.config.ts, sentry.server.config.ts и sentry.edge.config.ts. В коде импортируется @sentry/nextjs.

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой