frameworks-on-cloudflare
Skill3.3k starsChanged 18 days agoApache-2.0View on GitHub
Build, migrate, and deploy web-framework applications on Cloudflare Workers. Use when a framework project such as Astro, SvelteKit, React Router, TanStack Start, Nuxt, Hono, or a React or Vue SPA targets Cloudflare, or when a framework repository contains Workers deployment configuration.
Trending
More talk lately.about the whole repository
Who's talking about cloudflare/skills
- dceoy/docker-ai-coder“Install Cloudflare agent skills”GitHub · Sep 21, 2026 · 1 reactions
- jussray/solcontinuity“chore: add Cloudflare skills via npx skills add”GitHub · Aug 9, 2026 · 1 reactions
- @yug1224.com“AIエージェントにCloudflare上での開発方法を教え込むためのスキルセット集らしい エージェントを活用して効率よくアプリ開発を進めたいときに試したい yug1224 starred …”Bluesky · Jul 2, 2026 · 1 likes
- @yug1224.com“AIエージェントにCloudflare上での開発方法を学習させるためのスキル集らしい AIを活用した開発を効率化できそうで今すぐ試したい yug1224 starred cloudflare/skills …”Bluesky · Jul 2, 2026 · 1 likes
- @yug1224.com“AIエージェントにCloudflare上での開発や構築方法を学習させるためのスキルセット集らしい エージェントを活用して開発効率を上げたいときに便利そう yug1224 starred …”Bluesky · Jul 2, 2026 · 1 likes
The biggest 5 of 24 mentions linking to the repository that our crawl found. Each line is their own headline.
See all 24
Talked about on GitHub and Bluesky (24 times).
On GitHub · 20
- Sep 21, 2026Install Cloudflare agent skills — dceoy/docker-ai-coder1 reaction
- Aug 9, 2026chore: add Cloudflare skills via npx skills add — jussray/solcontinuity1 reaction
- Jun 18, 2026chore(toolkit): track cloudflare/skills + ponytail external deps — stevengonsalvez/agents-in-a-box1 reaction · 2 comments
- Feb 20, 2026building-mcp-server-on-cloudflare — AAswordman/OperitSkillMarket1 reaction
- Feb 20, 2026building-ai-agent-on-cloudflare — AAswordman/OperitSkillMarket1 reaction
15 more on GitHub
- Nov 6, 2026[#1002217] CF-AGENT-SETUP-1: load Cloudflare Skills and the Cloudflare API MCP (Code Mode) into the fleet command-line agent — QNFO/qnfo-workers0 reactions
- Oct 15, 2026[Feature] Include Autohand Code CLI in Cloudflare skills installation — cloudflare/workers-sdk0 reactions
- Sep 26, 2026[Candidate] cloudflare/skills/skills/cloudflare-email-service - cloudflare-email-service — ProSkillsMD/proskills0 reactions · 1 comment
- Sep 26, 2026[Candidate] cloudflare/skills/skills/cloudflare - cloudflare — ProSkillsMD/proskills0 reactions · 2 comments
- Sep 26, 2026[Candidate] cloudflare/skills/skills/agents-sdk - agents-sdk — ProSkillsMD/proskills0 reactions · 1 comment
- Sep 21, 2026blocked-patterns / authority-injection false positives on imported technical docs; add consumer-side suppression — mrwogu/promptscript0 reactions
- Sep 9, 2026feat: Lesson - Skills — agentschools/cfdev.school0 reactions
- Aug 6, 2026Skills lesson: `npx skills add` installs to the project, not globally — add the scope flag — agentschools/opencode.school0 reactions
- Aug 5, 2026changed — faiqqoyash12-ui/skills0 reactions
- May 28, 2026Dependency Dashboard — gtbuchanan/dotfiles0 reactions
- Mar 27, 2026better UX — Brunwo/converge-skills0 reactions
- Feb 20, 2026wrangler — AAswordman/OperitSkillMarket0 reactions
- Feb 20, 2026web-perf — AAswordman/OperitSkillMarket0 reactions
- Feb 20, 2026durable-objects — AAswordman/OperitSkillMarket0 reactions
- Feb 20, 2026agents-sdk — AAswordman/OperitSkillMarket0 reactions
On Bluesky · 4
- Jul 2, 2026AIエージェントにCloudflare上での開発方法を教え込むためのスキルセット集らしい エージェントを活用して効率よくアプリ開発を進めたいときに試したい yug1224 starred cloudflare/skills… — @yug1224.com1 likes and repost
- Jul 2, 2026AIエージェントにCloudflare上での開発方法を学習させるためのスキル集らしい AIを活用した開発を効率化できそうで今すぐ試したい yug1224 starred cloudflare/skills https://github.com/cloudflare/skills — @yug1224.com1 likes and repost
- Jul 2, 2026AIエージェントにCloudflare上での開発や構築方法を学習させるためのスキルセット集らしい エージェントを活用して開発効率を上げたいときに便利そう yug1224 starred cloudflare/skills… — @yug1224.com1 likes and repost
- May 15, 2026I've been using cloudflare for some of my projects and saw that they had an agent skill repo when I was first trolling around the docs.… — @n0vsec.social1 likes and repost
In this repository21 other files it gives its agents.
- agents-sdkSkill
- basinSkill
- cf-cliSkill
- cloudflare-app-bootstrapSkill
- cloudflare-email-serviceSkill
- cloudflare-one-migrationsSkill
- cloudflare-oneSkill
- cloudflareSkill
- durable-objectsSkill
- gateway-workersSkill
- k2Skill
- nextjs-on-cloudflareSkill
- sandbox-migrate-to-nextSkill
- sandbox-nextSkill
- sandbox-stableSkill
- turnstile-spinSkill
- web-perfSkill
- workers-best-practicesSkill
- workers-developmentSkill
- workers-profilingSkill
- wranglerSkill
The file
We split this skill into the rules it gives an agent
3 rules. About 0 are common, 2 are distinctive, and 1 is very specific to this project.
≈0
Common · estimate
Many files like this have a rule of this kind.
≈2
Distinctive · estimate
This author's own choices. Worth a look.
1
Very specific
Tied to their project's names, files or tools. Probably skip.
- Common
- Distinctive
- Very specific
- Distinctive: line 14
Read only the matching row below, its Workers framework guide, and the framework's own agent guidance.
- Very specific: line 17
Existing project with Wrangler configuration: keep Wrangler and load the wrangler skill.
- Distinctive: line 36
If the user reports that this skill gave incorrect or outdated guidance, or is missing information, read references/skill-feedback.md.
≈ “Common” is an estimate: at least 1 in 5 of the 350,495 skill files we read have a rule of the same kind, not the same words. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.
Files
Build with frameworks on Cloudflare
Use the framework as the primary development interface and Cloudflare Workers as the deployment target. Serve static sites and SPA output with Workers Static Assets. Do not select Pages templates, Pages deployment commands, or Pages-specific presets for new applications. Preserve existing Pages deployments during unrelated maintenance.
Route the project
- Inspect the repository before changing it. Identify the framework, installed version, package manager, rendering mode, existing adapter, and Cloudflare configuration:
cloudflare.config.ts, orwrangler.jsonc,wrangler.json, orwrangler.toml. - Preserve the user's framework choice. Determine whether the task starts a new project, adapts an existing project, or changes only application code.
- Read only the matching row below, its Workers framework guide, and the framework's own agent guidance.
- Set up the project for its state:
- New project: follow the framework's Workers guide for project creation. The guides currently create the project with C3 and configure it for Wrangler; this is an exception to the
cloudflareskill's default ofcffor new projects, because thecfdocs do not yet cover creating framework projects. After creation, the project has Wrangler configuration, so the next bullet applies. - Existing project with Wrangler configuration: keep Wrangler and load the
wranglerskill. Follow the framework guide for adapter and configuration changes. Do not runcf init .,cf dev,cf build, orcf deployin it. - Existing project with no Cloudflare configuration: use
cf, which detects supported frameworks and configures them; see Start from an existing project and thecf-cliskill. Detection does not mean the project builds. If the build fails or the framework is not supported, follow the framework guide's manual setup.
- New project: follow the framework's Workers guide for project creation. The guides currently create the project with C3 and configure it for Wrangler; this is an exception to the
- Change only the adapter, runtime, build, and deployment configuration the integration requires. Inspect generated package scripts, run the framework's checks and build, then verify the Worker locally before deployment.
| Framework | Workers setup | Official upstream agent guidance |
| Next.js | Load the nextjs-on-cloudflare skill. | Listed in that skill. |
| TanStack Start | Follow the Workers guide, which uses the Cloudflare Vite plugin. Distinguish Start from standalone TanStack Router. | Use TanStack Intent to discover and load installed package skills, including Start's deployment guidance. |
| React Router | Identify Framework, Data, or Declarative mode. Follow the Workers guide for full-stack setup. SPA mode is not supported with the Cloudflare Vite plugin, and prerendering has version requirements; check the guide before choosing either. | Load the official React Router skill, its matching mode reference, and installed package docs when available. |
| SvelteKit | Follow the Workers guide, which uses @sveltejs/adapter-cloudflare. | Use Svelte's official skills and AI setup guidance. |
| Hono | Choose an API-only Worker or a frontend plus API. The Cloudflare guide covers Hono with a React SPA; use Hono's Workers guide for an API-only app. | Load the application skill from honojs/skills. |
| Astro | Distinguish fully prerendered output from on-demand rendering: a static site deploys as static assets, and on-demand rendering uses @astrojs/cloudflare. Follow the Workers guide. | Use Astro's official AI guidance and docs MCP. |
| Nuxt | Follow the Workers guide for the current Nitro integration and bindings. | Use the Nuxt docs MCP; load the Nuxt UI skill only when using Nuxt UI. |
| React or Vue SPA | Follow the React + Vite or Vue Workers guide. Distinguish a client-only SPA from a full-stack framework. | Use the chosen framework's official guidance for application development. |
For other frameworks, start from the framework guides index.
Skill feedback
If the user reports that this skill gave incorrect or outdated guidance, or is missing information, read references/skill-feedback.md.
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.