Cursor + Cloudflare
VS Code を土台にした、AI を第一級にした IDE です。複数ファイルの Composer 編集とバックグラウンドエージェントがあります。Cursor 製です。
-
Cursor をインストールする
Cursor のダウンロードページ ↗ から、macOS、Windows、または Linux 向けの Cursor をダウンロードします。詳細は Cursor のインストールガイド ↗ を参照してください。
-
Cloudflare プラグインをインストールする
Cursor で次のコマンドを実行するか、Cursor Marketplace ↗ からインストールします。Cloudflare Skills が入り、Cloudflare MCP サーバーが登録されます。
/add-plugin cloudflare -
プロンプトを試す
例:
公開 API への不正利用を止めるために、レート制限と WAF ルールを設定してください。
各セクションを開くと、詳しく読めます。
Cloudflare Skills
Cloudflare の仕組みをエージェントに教える、持続するプラットフォームコンテキストです。
Skills は、エージェントが必要なときに読み込む手順です。 cloudflare/skills バンドルはプラットフォームの各層をカバーします。そのため、毎回説明しなくても、エージェントはあなたの作法を把握します。
- agents-sdkBuild, debug, or review Cloudflare Agents SDK applications using the agents package.
- cloudflareDiscover and choose Cloudflare products for apps, APIs, AI agents, storage, networking, and security. Use for architecture and product selection, including when the user describes a need without naming a Cloudflare product; then find the relevant skill or documentation.
- cloudflare-email-serviceImplement or troubleshoot Cloudflare Email Sending and Email Routing integrations and their delivery configuration.
- cloudflare-oneDesign, configure, troubleshoot, or review Cloudflare One Zero Trust and SASE deployments. Use cloudflare-one-migrations for migration planning from other vendors.
- cloudflare-one-migrationsAssess and plan migrations from existing VPN, SWG, or SASE platforms to Cloudflare One, including policy mapping, parity gaps, and rollout.
- durable-objectsBuild, debug, or review Cloudflare Durable Objects code for persistent state and coordination.
- nextjs-on-cloudflareBuild, migrate, and deploy Next.js apps on Cloudflare Workers with vinext. Use when starting a Next.js project on Cloudflare, moving an existing app to Workers, choosing between vinext and OpenNext, or setting up vinext for Workers. For setup, migration, or deployment, install vinext's upstream skills with `npx skills add cloudflare/vinext` if missing, then read and follow the applicable skill and docs.
- sandbox-migrate-to-nextMigrate Cloudflare Sandbox apps from stable @cloudflare/sandbox to @cloudflare/sandbox@next (SDK 1.0 preview). Use sandbox-next for apps already on the preview.
- sandbox-nextBuild or maintain Cloudflare Sandbox apps on @cloudflare/sandbox@next (SDK 1.0 preview). Use sandbox-migrate-to-next when porting a stable app.
- sandbox-stableBuild or maintain Cloudflare Sandbox apps on the stable @cloudflare/sandbox package. Use sandbox-next for preview apps and sandbox-migrate-to-next for stable-to-preview migrations.
- turnstile-spinSet up, repair, or migrate to Cloudflare Turnstile bot verification in an existing frontend and backend, including server-side Siteverify.
- web-perfAudit, diagnose, or optimize website loading and interaction performance, Core Web Vitals, and Lighthouse performance scores.
- workers-best-practicesCloudflare Workers best practices for production applications. Use when writing, reviewing, or configuring Workers.
- wranglerRun or troubleshoot Wrangler CLI commands and configure Worker projects for local development, deployment, and Cloudflare resource management.
MCP サーバー
Cloudflare API、ドキュメント、可観測性へのライブアクセスです。
MCP サーバーは、実行時に Cloudflare を呼ぶ型付きツールを提供します。 選択肢は 2 つです。Code Mode — Cloudflare API 全体をカバーする 1 台のサーバー(約 1,000 トークンで 2,500 以上のエンドポイント)— か、 cloudflare/mcp-server-cloudflare リポジトリでホストされる、領域に特化したサーバー群です。カタログ全体は Cloudflare 向け MCP サーバー のドキュメントにもあります。
- Code mode APIcode modeBroad access to the full Cloudflare API via code execution, with minimal token overheadhttps://mcp.cloudflare.com/mcp
- Code Mode servercode modeBest when you want broad access across Cloudflare's APIs through code executionhttps://mcp.cloudflare.com/mcp
- AI Gateway serverSearch your logs, get details about the prompts and responseshttps://ai-gateway.mcp.cloudflare.com/mcp
- Audit Logs serverQuery audit logs and generate reports for reviewhttps://auditlogs.mcp.cloudflare.com/mcp
- AutoRAG serverSearch and query account AutoRAG instanceshttps://autorag.mcp.cloudflare.com/mcp
- Browser Run serverFetch web pages, convert them to markdown and take screenshotshttps://browser.mcp.cloudflare.com/mcp
- Cloudflare Blog serverSearch and read posts from the Cloudflare Bloghttps://blog.mcp.cloudflare.com/mcp
- Cloudflare One CASB serverQuickly identify any security misconfigurations for SaaS applications to safeguard users & datahttps://casb.mcp.cloudflare.com/mcp
- Container serverSpin up a sandbox development environmenthttps://containers.mcp.cloudflare.com/mcp
- Demo Day serverDemonstrate a minimal Cloudflare MCP serverhttps://demo-day.mcp.cloudflare.com/mcp
- Digital Experience Monitoring serverGet quick insight on critical applications for your organizationhttps://dex.mcp.cloudflare.com/mcp
- DNS Analytics serverOptimize DNS performance and debug issues based on current setuphttps://dns-analytics.mcp.cloudflare.com/mcp
- Documentation serverGet up-to-date reference information on Cloudflarehttps://docs.mcp.cloudflare.com/mcp
- Logpush serverGet quick summaries for Logpush job healthhttps://logs.mcp.cloudflare.com/mcp
- Observability serverDebug and get insight into your application's logs and analyticshttps://observability.mcp.cloudflare.com/mcp
- Radar serverExplore Cloudflare Radar internet insightshttps://radar.mcp.cloudflare.com/mcp
- Workers Bindings serverBuild Workers applications with storage, AI, and compute primitiveshttps://bindings.mcp.cloudflare.com/mcp
- Workers Builds serverGet insights and manage your Cloudflare Workers Buildshttps://builds.mcp.cloudflare.com/mcp
Wrangler CLI
ローカル開発、デプロイ、Workers 向けコマンドです。
ローカル開発、デプロイ、製品固有のコマンド(wrangler d1 migrations apply や wrangler tail など)には Wrangler を使います。 同梱の wrangler Skill が、いつそれを使うかをエージェントに教えます。
エージェント向けドキュメント
エージェント向けに最適化した、トークン効率のよいリファレンスです。
任意の Cloudflare ドキュメント URL に /index.md を付けると、きれいな Markdown 版になります。 各トップレベル製品セクションには、1 つのコンテキストウィンドウに収まるページ索引の llms.txt もあります。よく使うものは次のとおりです。
- developers.cloudflare.com/llms.txt — すべての Cloudflare 製品のディレクトリです。
- developers.cloudflare.com/workers/llms.txt
- developers.cloudflare.com/agents/llms.txt
- developers.cloudflare.com/r2/llms.txt
- developers.cloudflare.com/d1/llms.txt
これらのドキュメントがエージェント向けにどう構成されているかの全体像は、エージェント向けドキュメント ガイドを参照してください。
Workers for Platforms を使い、顧客が隔離環境に自分のコードをデプロイできるようにしてください。顧客ごとに隔離された D1 データベースを持つ、マルチテナント SaaS バックエンドを作ってください。Hyperdrive でコネクションプーリングし、既存の Postgres データベースに Worker をつないでください。Cloudflare Pages にフルスタックの React アプリをデプロイし、Workers API バックエンドと D1 データベースを付けてください。ログインとチェックアウトのエンドポイントに、ボット対策とレート制限を追加してください。- Cloudflare API MCP サーバーは Code Mode を使います。Cursor が型付き API に対して JavaScript を書き、約 1,000 トークンで 2,500 以上のエンドポイントに到達できます。
- Composer のプロンプトに
@wrangler.jsoncを追加すると、コードの生成や変更時に Cursor が現在のバインディングを参照できます。
Cloudflare MCP サーバーリポジトリ
Skills、MCP サーバー、Wrangler CLI のどれを使うべきですか。全部使うべきですか。
3 つは連携して動きます。Skills は、Composer のすべてのプロンプトに読み込まれる、持続的な Cloudflare
の知識を Cursor に与えます。Cloudflare API MCP サーバーは、
プラットフォーム操作(DNS、WAF、R2 バケット、Zero Trust)を担当します。Wrangler はローカル
開発と Workers 固有のコマンドを実行します。同梱の wrangler Skill が、
どれをいつ使うかを Cursor に教えます。
Cursor に Cloudflare へのアクセスをどう与えますか。
Skills プラグインをインストールします(Cursor Marketplace、または 設定 > ルール
ルールを追加 > リモートルール で
cloudflare/skills)。Cursor が初めて Cloudflare ツールを呼び出すと、OAuth で認可し、権限を選ぶ画面へリダイレクトされます。
IDE を離れずに Cursor から Cloudflare へデプロイできますか。
できます。Composer にプロジェクトのデプロイを依頼してください。Cursor は統合ターミナルで Wrangler コマンドを実行し、管理されたデプロイやリソース作成には API MCP サーバーも呼び出せます。
Cursor で MCP サーバーに接続できない
.cursor/mcp.json の設定が有効な JSON か確認します。MCP 設定を
変更したら Cursor を再起動します。
Cloudflare 製品の情報が古い
Cloudflare docs MCP サーバー を有効にすると、エージェントは実行時に
最新のドキュメントを取得できます。MCP サーバーを使わない場合は、全製品の一覧として
developers.cloudflare.com/llms.txt を直接指定するか、
製品ごとのインデックスとして
developers.cloudflare.com/<product>/llms.txt
を指定します。
Composer が Workers API を理解しない
プロジェクトのコンテキストに Cloudflare docs MCP サーバーと Workers のドキュメントを
追加します。wrangler.jsonc は @-メンションで参照します。
Cloudflare はエージェントのデプロイ先だけではありません。自分のエージェントを作るためのフルスタックです。
状態、スケジューリング、RPC、メール、ストリーミングチャットを持つステートフルな AI エージェントです。トークン効率のよいツール利用向けに Code Mode SDK もあります。
詳しく見るOAuth、持続する状態、streamable HTTP トランスポート付きのリモート MCP サーバーを Workers で公開します。
詳しく見るオープンソースの LLM、埋め込みモデル、画像モデルをエッジで動かします。エージェントのモデルプロバイダーとして使えます。
詳しく見るユーザーが生成したコードを、隔離された Workers にオンデマンドで読み込みます。Code Mode の背後にある安全なサンドボックスです。
詳しく見るClaude Code
ターミナルで動くコーディングエージェントです。コードベースを理解し、コマンドを実行し、ファイルを編集し、git を扱います。Anthropic 製です。
ガイドを見るCodex
OpenAI のコーディングエージェントです。ターミナル CLI とデスクトップアプリがあります。サンドボックス内でファイルの読み書き、コマンド実行、Web 閲覧ができます。
ガイドを見るGitHub Copilot
エディター拡張と CLI です。Agent モード、ワークスペースのコンテキスト、ネイティブな PR 連携があります。GitHub 製です。
ガイドを見るOpenCode
オープンソースのターミナルエージェントです。充実した TUI があり、75 以上の LLM に対応します。Anomaly 製です。
ガイドを見るWindsurf
エージェント型 IDE です。Cascade コンテキストと、複数ステップ作業向けの Flows があります。Cognition 製です。
ガイドを見るVisual Studio Code
無料のオープンソースコードエディターです。ネイティブの Model Context Protocol(MCP)クライアントと Copilot Chat 連携があります。Microsoft 製です。
ガイドを見るCommand Code
Command Code は、オープンモデル向けでよく使われるコーディングエージェントのひとつです。コーディングの好みを自動で学び、作業するほど改善します。
ガイドを見るBionic
コーディングと作業向けの強力なエージェントです。基本はローカルで動き、クラウド上のオープンモデルも使えます。LM Studio 製です。
ガイドを見る