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

dd-browser-sdk — скилл для Claude Code: что делает и как установить

Помогает настроить Datadog Browser SDK, настроить выгрузку sourcemaps и обновить клиентский код при переходе между версиями v4, v5, v6 и v7.

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

Что делает dd-browser-sdk

Скилл служит диспетчером для работы с браузерными библиотеками Datadog: RUM, Logs и Session Replay. Он срабатывает при обнаружении пакетов вроде @datadog/browser-rum или datadog-logs в коде проекта. Агент определяет нужный сценарий и сразу читает отдельный файл инструкций вместо попыток вспомнить изменения по памяти.

Внутри заложены маршруты под четыре задачи. Три из них отвечают за миграции между мажорными релизами — с v4 на v5, с v5 на v6 и с v6 на v7. Скилл отслеживает удалённые параметры вроде proxyUrl, sampleRate или betaEncodeCookieOptions, а также отказ от поддержки IE11 и путей CDN старых версий. Четвёртый маршрут помогает настроить плагины сборок под Vite, Webpack, Rollup, Rspack или esbuild, чтобы деминифицировать стеки ошибок в Error Tracking.

Этот скилл зависит от сопутствующих файлов SKILL.md для каждого подраздела в каталоге .claude/skills/dd-browser-sdk/. Если их не скопировать вместе с основным файлом, маршрутизация завершится ошибкой чтения инструкций.

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

  • перевести проект с Datadog Browser SDK v4 на v5
  • обновить конфигурацию с версии v5 до v6 или с v6 до v7
  • настроить загрузку sourcemaps через плагин сборщика Vite или Webpack
  • найти устаревшие параметры сессий и трекинга в клиентском коде

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

  • Обнови Datadog Browser SDK с v5 до v6 в нашем приложении
  • Помоги настроить выгрузку sourcemaps в сборке на Vite для Datadog RUM
  • Проверь вызовы datadog-rum на удалённые параметры перед переходом на v7

Как установить dd-browser-sdk

1Через Skills CLI (Vercel)

npx skills add datadog-labs/agent-skills --skill dd-browser-sdk -a claude-code

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

~/.claude/skills/dd-browser-sdk/SKILL.md

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

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

Вопросы о dd-browser-sdk

Как установить dd-browser-sdk в Claude Code?

Выполните в терминале команду npx skills add datadog-labs/agent-skills --skill dd-browser-sdk -a claude-code.

Что делает dd-browser-sdk?

Скилл направляет агента по пошаговым руководствам для настройки RUM, Logs, Session Replay и загрузки карт кода в веб-приложениях. Он предотвращает ошибки при обновлении версий SDK благодаря точным спискам удалённых методов и опций.

Для каких сборщиков доступна настройка sourcemaps?

Скилл проверяет конфигурации Vite, Webpack, Rollup, Rspack и esbuild для подключения официальных плагинов Datadog.

Исходный текст

SKILL.md · MIT
---
name: dd-browser-sdk
description: >
  Datadog Browser SDK — RUM, Logs, Session Replay, profiling, product analytics, and error tracking
  setup, configuration, and migration. Use when upgrading Browser SDK versions, setting up RUM or
  Logs, or troubleshooting browser-side Datadog instrumentation.
metadata:
  version: "1.0.0"
  author: datadog-labs
  repository: https://github.com/datadog-labs/agent-skills
  tags: datadog,browser-sdk,rum,logs,session-replay,profiling,product-analytics,error-tracking,sourcemaps,build-plugin,cdn,npm,migration
  globs: "**/@datadog/browser-*,**/datadog-rum*,**/datadog-logs*"
---

# Datadog Browser SDK

RUM, Logs, and Session Replay instrumentation for browser applications.

## Skills

| Task | Skill |
|------|-------|
| Upgrade from v4 to v5 | `dd-browser-sdk/upgrade-v5` |
| Upgrade from v5 to v6 | `dd-browser-sdk/upgrade-v6` |
| Upgrade from v6 to v7 | `dd-browser-sdk/upgrade-v7` |
| Set up sourcemap upload via the build plugin | `dd-browser-sdk/setup-sourcemaps` |

## Routing

**Upgrading from v4 to v5** (removed options like `proxyUrl`, `sampleRate`, `replaySampleRate`, `premiumSampleRate`, `allowedTracingOrigins`, deprecated APIs like `addRumGlobalContext`, `removeUser`, or `/v4/` CDN paths):

**Immediately read** `.claude/skills/dd-browser-sdk/upgrade-v5/SKILL.md` — do not proceed from memory.

**Upgrading from v5 to v6** (removed options like `useCrossSiteSessionCookie`, `sendLogsAfterSessionExpiration`, dropping IE11 support, or `/v5/` CDN paths):

**Immediately read** `.claude/skills/dd-browser-sdk/upgrade-v6/SKILL.md` — do not proceed from memory.

**Upgrading from v6 to v7** (removed options like `betaEncodeCookieOptions`, `allowFallbackToLocalStorage`, `trackBfcacheViews`, `usePciIntake`, or `/v6/` CDN paths):

**Immediately read** `.claude/skills/dd-browser-sdk/upgrade-v7/SKILL.md` — do not proceed from memory.

**Setting up sourcemap upload** (minified stack traces in RUM or Error Tracking, requests to "upload sourcemaps" or "unminify errors", or a project with a vite/webpack/rollup/rspack/esbuild config and no `@datadog/*-plugin` configured):

**Immediately read** `.claude/skills/dd-browser-sdk/setup-sourcemaps/SKILL.md` — do not proceed from memory.

© datadog-labs · MIT · datadog-labs/agent-skills

Похожие скиллы

Всё по теме «Фронтенд и UI» →
sentry-browser-sdk getsentry Скилл проводит агента через полную настройку Sentry в браузерном JavaScript: проверяет проект на фреймворки, выбирает способ установки и подключает нужные функции. CX Codex +1 2 900установок redis-observability Redis, Inc. Подсказывает, какие метрики Redis держать под наблюдением и какие встроенные команды запускать при разборе инцидентов. CX Codex +1 2 300установок cost-export ruvnet Выгружает телеметрию расходов агента в формате Prometheus textfile или отправляет JSON через вебхук для внешнего мониторинга. CX Codex +1 681установок datadog devops-skills Настраивает агент Datadog, сбор логов, APM-трейсинг и метрики для сервисов и баз данных. Пригодится при развёртывании единого мониторинга инфраструктуры. CX Codex +1 312установок sentry-react-sdk getsentry Скилл сканирует React-приложение и проводит через полную настройку Sentry: ошибки, трейсинг, session replay, логи и профилирование. CX Codex +1 579установок dt-obs-frontends Dynatrace Скилл для работы с Real User Monitoring в Dynatrace: Core Web Vitals, сессии, ошибки фронтенда и связь с бэкендом через DQL. CX Codex +1 2 500установок

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

dd-logs Скилл для работы с логами Datadog через CLI: поиск, архивы, метрики и фильтры исключений для контроля расходов. Пригодится, когда нужно разобрать инцидент или срезать счёт за индексацию. CX Codex +1 2 100установок dd-apm Скилл для работы с Datadog APM: установка агента, автоинструментация, разбор трейсов и мониторинг очередей. Пригодится, когда сервис уже в Datadog, а вы не помните, с чего начать. CX Codex +1 2 000установок dd-monitors Скилл для работы с мониторами Datadog: список, поиск, создание из файла и правила алертинга без ложных срабатываний. CX Codex +1 1 900установок dd-audit Скилл для расследований по Audit Trail в Datadog: кто что изменил, не скомпрометирован ли ключ, откуда скачок расходов. CX Codex +1 709установок agent-observability-trace-rca Ищет причину сбоя LLM-приложения в продакшн-трейсах: идёт по дереву спанов от симптома к корню проблемы. Пригодится, когда падают оценки или сыпятся ошибки. CX Codex +1 552установок agent-observability-eval-bootstrap Генерирует эвалюаторы качества LLM по продакшен-трейсам Datadog. Создаёт черновики онлайн-судей, код на Python для тестов или датасеты. CX Codex +1 547установок agent-observability-eval-pipeline Ведёт инструментированное ml_app по шести фазам: классификация трейсов, разбор сбоев, бутстрап эвалуаторов, датасет, эксперимент и анализ. CX Codex +1 540установок agent-observability-session-classify Оценивает удовлетворённость пользователя в трейсах и сессиях Datadog Agent Observability. Возвращает вердикт yes, partial или no с коротким пояснением. CX Codex +1 529установок

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

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