add-cdn-bundle

作成者： sentry

指定された機能を持つブラウザパッケージ用の新しいCDNバンドルを作成します

npx skills add https://github.com/getsentry/sentry-javascript --skill add-cdn-bundle

ZIPダウンロード GitHub

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 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

Create packages/browser/src/index.bundle.{FEATURE_COMBO}.ts
Create packages/browser/test/index.bundle.{FEATURE_COMBO}.test.ts
Modify packages/browser/rollup.bundle.config.mjs
Modify .size-limit.js
Modify dev-packages/browser-integration-tests/package.json
Modify dev-packages/browser-integration-tests/utils/generatePlugin.ts
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-snapshots-cocoa

Apple/Cocoaプロジェクト向けの完全なSentry Snapshots設定。「SnapshotPreviewsを設定」「Appleスナップショットテストを設定」「Appleスナップショットをアップロード」と依頼された場合に使用します。

architecture-review

スタッフレベルのコードベースヘルスレビュー。モノリシックモジュール、サイレント障害、型安全性のギャップ、テストカバレッジの穴、LLMフレンドリー性の問題を発見します。

linear-type-labeler

Linearの課題を分類し、各課題のタイトルと説明の内容に基づいて、Sentryワークスペースのラベル分類からTypeラベルを適用します。

sentry-flutter-sdk

FlutterおよびDart向けの完全なSentry SDKセットアップ。「FlutterにSentryを追加」「sentry_flutterをインストール」「DartでSentryをセットアップ」、またはエラー設定を構成するよう求められた場合に使用します。

sentry-svelte-sdk

SvelteおよびSvelteKit向けの完全なSentry SDKセットアップ。「SvelteにSentryを追加」「SvelteKitにSentryを追加」「@sentry/sveltekitをインストール」、または設定を求められた場合に使用します。

vercel-react-best-practices

Vercel EngineeringによるReactおよびNext.jsのパフォーマンス最適化ガイドライン。このスキルは、React/Next.jsのコードを記述、レビュー、またはリファクタリングする際に使用すべきものです。

sentry-tanstack-start-sdk

TanStack Start React向けの完全なSentry SDKセットアップ。「TanStack StartにSentryを追加」、「@sentry/tanstackstart-reactをインストール」、またはエラー設定を求められた場合に使用します。