本文へ移動
cccskills
無料GitHub で公開

cloudflare-workers

Build, configure and test a Cloudflare Worker locally with cf (cloudflare.config.ts, typed bindings, static assets, cf dev, vitest). Use when creating or changing Worker code or configuration. Does not deploy; use cloudflare-deploy for that.

日本語の概要は準備中です。原文の説明を表示しています。

連携ツールCloudflare
インストール方法を見る

含まれるファイル(1)

  • SKILL.md5.8 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Cloudflare Workers: build and test locally

This skill covers everything up to, but not including, a deploy. Anything that changes the user's Cloudflare account goes through cloudflare-deploy.

Cloudflare's platform moves quickly. Before relying on a limit, a flag name or a config key from memory, check it with the cloudflare-docs plugin (its search_cloudflare_documentation tool) if it is enabled, or the docs at https://developers.cloudflare.com/workers/. The examples here were checked against those docs when this plugin was written.

Start or inspect a project

Use Cloudflare's cf CLI (or its cloudflare alias if cf names another tool). Pin it in the project; typed config needs Node22.18+ and is not supported on Bun. Read cloudflare.config.ts, the Worker entry, framework adapter and package scripts before running commands: the config is executable TypeScript.

  • Existing legacy config: cf migrate --dry-run previews the conversion; cf migrate writes local files. Review its diff and unresolved items before running a project command. Preserve account, binding IDs, domains, schedules and existing Durable Object storage. Do not run cf init . over it.
  • New project: cf init <directory> creates local files and installs packages. Do not accept an offer to deploy.
  • /cloudflare-preflight inspects legacy JSON/TOML only. With typed config it reports that validation is unavailable; continue with reviewed config, project tests, cf build and cf deploy --dry-run, rather than treating a stale legacy file as the active configuration.

Typed configuration

import { defineConfig } from "cf/config";
export default defineConfig({
  worker: {
    name: "my-worker",
    entrypoint: "src/index.ts",
    compatibilityDate: "2026-10-01", // choose deliberately, never a future date
    compatibilityFlags: ["nodejs_compat"],
    observability: { enabled: true },
  },
});

Use worker.env with the bindings helpers from cf/config for KV, R2, D1, assets and other Workers. Confirm each helper and option against the current configuration reference. Keep the project's generated binding types current; cf init produces .cloudflare/types/index.d.ts. Compatibility dates pin runtime behavior; move an existing date forward only with tests. The CLI may use a framework adapter or its official Wrangler compatibility delegate internally; authored development and deployment commands remain cf.

Module Worker shape

export interface Env {
  // Use the project's generated binding types; keep them current.
  MY_KV: KVNamespace;
  API_TOKEN: string; // a secret: never in `vars`
}

export default {
  async fetch(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
    const url = new URL(request.url);
    if (url.pathname === "/health") return new Response("ok");
    ctx.waitUntil(logHit(env, url.pathname)); // work after the response
    return Response.json({ path: url.pathname });
  },
} satisfies ExportedHandler<Env>;

async function logHit(env: Env, path: string): Promise<void> {
  await env.MY_KV.put(`hit:${path}`, String(Date.now()), { expirationTtl: 3600 });
}

Rules that prevent most Worker bugs:

  • No mutable per-request state in module scope; isolates serve many requests.
  • Do not await slow work you can push to ctx.waitUntil; stream large bodies instead of buffering them.
  • Secrets stay out of literal config values and chat. Keep local secret files gitignored; approved remote secret updates follow cloudflare-deploy.
  • Regenerate the project's binding types after binding changes and run its type check so Env stays correct.
  • Handlers beyond fetch (scheduled, queue, email) need a matching trigger or binding in the config.

Bindings and assets

Use KV for read-heavy cache/config, R2 for blobs, D1 for relational records and Durable Objects for coordinated state. Their binding declarations belong in worker.env; the storage and Durable Object skills cover runtime use.

Use the adapter's documented static-asset setup and bindings.assets() when Worker code needs an ASSETS binding. Check the generated build output: files such as _worker.js, .git, local credentials and node_modules must never be public assets. A .assetsignore file excludes unwanted assets. Check SPA fallback, missing-file behavior, and routes that invoke Worker code first.

Run and test locally

  • cf dev uses the project adapter. Check its local storage location; Vite development and cf API commands with --local use different stores. Do not assume a value written by one is visible in the other.
  • A binding configured for remote development talks to real resources, and Workers AI bills even in local mode. Treat those as account-affecting: ask first.
  • Unit and integration tests: @cloudflare/vitest-pool-workers runs Vitest inside the Workers runtime with real bindings simulated. Add a test for each route you change, then run only that test file.
  • cf deploy --dry-run bundles and validates without uploading. It is safe to run without approval; report the bundle size and any warnings.

Done means

You ran cf dev or the tests and report what you observed (status codes, test counts). Say plainly if you could not run them. Do not claim the Worker works in production; that needs a deploy the user approved.

References: cf project commands, typed config, migration.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

Audit a page or UI against WCAG 2.2 AA. Runs a static HTML scanner and a contrast calculator, then walks the manual keyboard, zoom, screen-reader-name and form checks the tools cannot do, and reports findings with the criterion, evidence, fix and how to verify. Use for accessibility reviews, WCAG checks, contrast questions or "is this accessible".

日本語の概要は準備中です。原文の説明を表示しています。

codewhale-hq/codewhale-plugin-marketplace52026年10月12日 更新

batch

無料

Break a large, parallelizable goal into bounded work units, coordinate existing agent/worktree machinery, integrate, and verify. Explicit-only.

日本語の概要は準備中です。原文の説明を表示しています。

codewhale-hq/codewhale-plugin-marketplace52026年10月12日 更新

best-of-n

無料

Generate a small set of independent candidate solutions in worktrees, judge them against one explicit rubric, and apply the winner only after PASS verification.

日本語の概要は準備中です。原文の説明を表示しています。

codewhale-hq/codewhale-plugin-marketplace52026年10月12日 更新

Read and act on selected Chrome tabs and frames — their real browser, their logged-in sessions. Use for questions about the current page, filling a form the user is on, following a link they mentioned, or checking what a site actually renders. Not for throwaway automation in a clean profile.

日本語の概要は準備中です。原文の説明を表示しています。

codewhale-hq/codewhale-plugin-marketplace52026年10月12日 更新

Deploy or change a Cloudflare Worker with cf. Review config, preflight, build and dry-run; show the target and change, obtain explicit approval, deploy and verify. Covers versions, secrets, rollback and named modes.

日本語の概要は準備中です。原文の説明を表示しています。

codewhale-hq/codewhale-plugin-marketplace52026年10月12日 更新

Look up current Cloudflare documentation (Workers, Pages, KV, R2, D1, Queues, DNS, WAF, platform APIs) through Cloudflare's official remote MCP server. Use when answering Cloudflare questions or writing Cloudflare config.

日本語の概要は準備中です。原文の説明を表示しています。

codewhale-hq/codewhale-plugin-marketplace52026年10月12日 更新

codewhale-hq のスキルをすべて見る

このスキルの問題を報告する