Add Cdn Bundle
- 12 installs
- 8.7k repo stars
- Updated August 4, 2026
- getsentry/sentry-javascript
add-cdn-bundle creates Sentry browser CDN bundles for feature sets.
About
The add-cdn-bundle skill creates browser CDN bundles from dot-notation feature combos such as replay.logs.metrics following tracing, replay, feedback, logs, metrics naming order. Guide at docs/adding-cdn-bundle.md drives file creation: index.bundle FEATURE_COMBO.ts, matching test file, rollup.bundle.config.mjs entry, .size-limit.js threshold, browser-integration-tests package.json and generatePlugin.ts hooks, and build.yml workflow updates. Derives Human Readable feature labels and snake_case variants from combo strings. Verification runs yarn lint, packages/browser build:dev, and yarn test. Creates index.bundle feature combo entry files. Feature order tracing replay feedback logs metrics. Updates rollup, size-limit, and integration test wiring. Follows docs/adding-cdn-bundle.md naming table. Verification via lint, build:dev, and browser tests. New bundle source, tests, rollup entry, and size-limit config. User requests new CDN bundle feature combination. sentry-javascript maintainers adding browser CDN variants. Build-phase frontend work shipping composable Sentry CDN bundles. Frontend subphase fits browser bundle packaging.
- Creates index.bundle feature combo entry files.
- Feature order tracing replay feedback logs metrics.
- Updates rollup, size-limit, and integration test wiring.
- Follows docs/adding-cdn-bundle.md naming table.
- Verification via lint, build:dev, and browser tests.
Add Cdn Bundle by the numbers
- 12 all-time installs (skills.sh)
- Ranked #1,643 of 2,245 Frontend Development skills by installs in the Skillselion catalog
- Data as of Aug 5, 2026 (Skillselion catalog sync)
add-cdn-bundle capabilities & compatibility
- Capabilities
- naming conventions placeholder table · files to create or modify list
- Works with
- sentry
- Use cases
- frontend · ci cd
What add-cdn-bundle says it does
creates a new CDN bundle for the browser package
Feature order in bundle names
npx skills add https://github.com/getsentry/sentry-javascript --skill add-cdn-bundleAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 12 |
|---|---|
| repo stars | ★ 8.7k |
| Last updated | August 4, 2026 |
| Repository | getsentry/sentry-javascript ↗ |
How do I add a new Sentry CDN bundle?
Create new Sentry browser CDN bundles for specific feature combinations with rollup and size-limit updates.
Who is it for?
sentry-javascript maintainers adding browser CDN variants.
Skip if: Skip for Node-only SDK changes without CDN surface.
When should I use this skill?
User requests new CDN bundle feature combination.
What you get
New bundle source, tests, rollup entry, and size-limit config.
Files
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 metricsreplay.logs.metrics- Bundle with replay, logs, and metricstracing.replay.logs- Bundle with tracing, replay, and logstracing.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 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:
yarn lint
cd packages/browser && yarn build:dev
cd packages/browser && yarn testRelated skills
Vercel React Best PracticesAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.587k29.6kVercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.267k29.6k
ShadcnAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.257k120k
Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.224k72
Minimalist UiGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilita212k69.4kImage To CodeConvert high-fidelity design images into production-ready, visually accurate frontend code that avoids generic AI design pitfalls.177k69.4kFAQ
What does add-cdn-bundle do?
add-cdn-bundle creates Sentry browser CDN bundles for feature sets.
When should I use add-cdn-bundle?
User requests new CDN bundle feature combination.
Is this skill safe to install?
Review the Security Audits panel on this page before installing in production.