examples

作成者: cloudflare

examples/ディレクトリで作業する場合、wrangler devでサンプルを実行する場合、新しいサンプルを追加する場合、またはEXPOSEディレクティブや…に関する質問に答える場合に使用します。

npx skills add https://github.com/cloudflare/sandbox-sdk --skill examples

Examples

The examples/ directory contains working sample apps that exercise the SDK end-to-end. They double as integration smoke tests and as reference material for users.

Running an Example

From inside an example directory (e.g. examples/minimal/):

npm run dev    # Start wrangler dev (builds Docker on first run)

The first run builds the container image, so it's slow. Subsequent runs reuse the image unless the SDK or Dockerfile changes. If you've changed the container runtime or SDK, run npm run docker:rebuild from the repo root before npm run dev.

Available Examples

ExampleDemonstrates
minimalSmallest possible Sandbox SDK setup
authenticationAuth-protected sandbox access
claude-codeRunning Claude Code inside a sandbox
code-interpreterCodeInterpreter API + Workers AI
codex / codex-app-serverOpenAI Codex integration patterns
collaborative-terminalMulti-user terminal sharing
openai-agentsOpenAI Agents SDK + Sandbox
opencodeOpenCode integration
time-machineSnapshot/restore patterns
typescript-validatorRunning tsc against user code
vite-sandboxVite dev server proxied through preview URLs
websocket-tunnelWebSocket transport / port exposure
alpineAlpine-based container variant

EXPOSE Directives

The Cloudflare containers primitive does not require EXPOSE directives — all ports are accessible in both local dev and production without them.

Including EXPOSE is still recommended in example Dockerfiles because it documents which ports the app uses (standard Docker convention). Don't add it expecting it to gate access; add it as documentation.

Adding a New Example

  1. Copy examples/minimal/ as a starting point.
  2. Update package.json name and any wrangler config (wrangler.jsonc) — class names, DO bindings, container image tag.
  3. Add a README.md with an # H1 title (the README scanner uses it) and a short description of what the example demonstrates.
  4. Make sure the example builds and npm run dev works from a clean checkout.
  5. If the example demonstrates a new SDK capability, link to it from packages/sandbox/README.md.

Local Development Tips

  • Examples link to @cloudflare/sandbox via the workspace, so SDK changes are picked up after a build (npm run build from repo root).
  • Container changes require npm run docker:rebuild to take effect.
  • If you hit stale-image issues, delete the container image (docker images | grep sandbox) and re-run npm run dev.

cloudflareのその他のスキル

dependabot-review
cloudflare
DependabotのPRを分析し、各バンプされたパッケージで実際に何が変更されたか、およびそれらの変更がこのリポジトリに影響を与えるかを判断します。変更されたAPIやメソッドなどを報告します…
module-registry
cloudflare
workerdでモジュールレジストリを扱う際に読み込む — モジュールの解決、コンパイル、評価、登録の読み取り、変更、デバッグ、またはレビュー…
reproduce
cloudflare
cloudflare/agentsのGitHub Issueを再現するために、最小限のAgents/Workerプロジェクトをスキャフォールディングし、一時的なCloudflareアカウントにデプロイして、その後報告する…
local-explorer
cloudflare
ローカルエクスプローラーまたはローカルAPIに製品/リソースを追加する方法。新しいローカルAPIやUIルートを実装する際に使用します。
open-pr
cloudflare
cloudflare/agentsのGitHub Issueと再現結果を基に、修正PRを一発で作成します。ブランチ作成、変更、テスト、プッシュ、そしてIssueにリンクされたPRのオープンまで行います。
write-endpoints
cloudflare
chanfanaを使用したOpenAPIエンドポイント構築の包括的ガイド - スキーマ定義、リクエスト検証、CRUD操作、D1データベース統合、および…
agents-sdk
cloudflare
Cloudflare Workers上でAgents SDKを使用してAIエージェントを構築します。ステートフルなエージェント、耐久性のあるワークフロー、リアルタイムWebSocketアプリ、スケジュールタスクを作成する際に読み込んでください…
changelog
cloudflare
Cloudflareドキュメントサイト向けに製品のチェンジログエントリを作成、更新、レビューします。チェンジログのMDXファイルを生成する際や既存のファイルを編集する際に読み込んでください。