add-cdn-bundle

作者: sentry

為瀏覽器套件建立一個包含指定功能的新 CDN 套件組合

npx skills add https://github.com/getsentry/sentry-javascript --skill 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: tracingreplayfeedbacklogsmetrics

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:

PlaceholderExample (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 test

來自 sentry 的更多技能

generate-frontend-forms
sentry
使用 Sentry 新表單系統建立表單的指南。適用於實作表單、表單欄位、驗證或自動儲存功能時使用。
official
sentry-snapshots-cocoa
sentry
完整的 Sentry Snapshots 設定,適用於 Apple/Cocoa 專案。當被要求「設定 SnapshotPreviews」、「設定 Apple 快照測試」、「上傳 Apple 快照至…」時使用。
official
architecture-review
sentry
員工級別的程式碼庫健康檢查。找出單體模組、靜默失敗、型別安全漏洞、測試覆蓋缺口,以及LLM友善性問題。
official
linear-type-labeler
sentry
根據每個問題的標題與描述內容,從 Sentry 工作區的標籤分類法中分類 Linear 問題,並套用對應的類型標籤。
official
sentry-flutter-sdk
sentry
完整的 Sentry SDK 設定,適用於 Flutter 和 Dart。當被要求「為 Flutter 加入 Sentry」、「安裝 sentry_flutter」、「在 Dart 中設定 Sentry」或設定錯誤…時使用。
official
sentry-svelte-sdk
sentry
完整的 Sentry SDK 設定,適用於 Svelte 和 SvelteKit。當被要求「將 Sentry 加入 Svelte」、「將 Sentry 加入 SvelteKit」、「安裝 @sentry/sveltekit」或進行設定時使用…
official
vercel-react-best-practices
sentry
來自 Vercel Engineering 的 React 與 Next.js 效能優化指南。此技能應在撰寫、審查或重構 React/Next.js… 時使用。
official
sentry-tanstack-start-sdk
sentry
完整的 Sentry SDK 設定,適用於 TanStack Start React。當被要求「將 Sentry 加入 TanStack Start」、「安裝 @sentry/tanstackstart-react」或設定錯誤…時使用。
official