# Add Cdn Bundle

> Create a new CDN bundle for the browser package with specified features

- Skill: `getsentry/add-cdn-bundle` (Agent Skill)
- Install (CLI): `npx skillmds@latest add getsentry/add-cdn-bundle`
- Raw SKILL.md: https://api.skillmd.com/api/skills/getsentry/add-cdn-bundle/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: Sentry (https://skillmd.com/u/getsentry)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/getsentry/add-cdn-bundle

---


# Add CDN Bundle Skill

This skill creates a new CDN bundle for the browser package that includes a specific combination of features.

## Input

The user provides a feature combination using dot notation:

- `logs.metrics` - Bundle with logs and metrics
- `replay.logs.metrics` - Bundle with replay, logs, and metrics
- `tracing.replay.logs` - Bundle with tracing, replay, and logs
- `tracing.replay.feedback.logs.metrics` - Full featured bundle

**Feature order in bundle names:** `tracing` → `replay` → `feedback` → `logs` → `metrics`

## Instructions

Follow the detailed guide at [docs/adding-cdn-bundle.md](../../../docs/adding-cdn-bundle.md) to create the bundle.

### Quick Reference - Naming Conventions

Given a feature combination, derive these variants:

| Placeholder                     | Example (`replay.logs.metrics`) |
| ------------------------------- | ------------------------------- |
| `{FEATURE_COMBO}`               | `replay.logs.metrics`           |
| `{feature_combo}`               | `replay_logs_metrics`           |
| `{featureCombo}`                | `replayLogsMetrics`             |
| `{Human Readable Features}`     | `Replay, Logs, Metrics`         |
| `{Human Readable Feature List}` | `Replay, Logs, and Metrics`     |

### Quick Reference - Files to Create/Modify

1. **Create** `packages/browser/src/index.bundle.{FEATURE_COMBO}.ts`
2. **Create** `packages/browser/test/index.bundle.{FEATURE_COMBO}.test.ts`
3. **Modify** `packages/browser/rollup.bundle.config.mjs`
4. **Modify** `.size-limit.js`
5. **Modify** `dev-packages/browser-integration-tests/package.json`
6. **Modify** `dev-packages/browser-integration-tests/utils/generatePlugin.ts`
7. **Modify** `.github/workflows/build.yml`

### Verification Steps

After making changes:

```bash
yarn lint
cd packages/browser && yarn build:dev
cd packages/browser && yarn test
```