Cloudflare Skills: 13 สกิลที่ทำให้ Claude Code เลิก deploy ด้วยความรู้เก่า

ต้องเตรียมอะไรบ้าง

• Claude Code ติดตั้งไว้แล้ว เครื่องผมเป็นเวอร์ชัน 2.1.235 ถ้าใช้ Codex, Cursor, OpenCode หรือ Copilot ก็ใช้ได้ แต่วิธีติดตั้งต่างกัน ดูได้ที่หน้า agent-setup
• Node.js สำหรับรัน wrangler ผ่าน npx สกิล wrangler แนะนำให้ติดตั้งเป็น devDependency ในโปรเจกต์ (npm install -D wrangler@latest) ไม่ต้องลงแบบ global
• บัญชี Cloudflare จำเป็นเฉพาะตอน deploy หรือตอนให้ MCP จัดการ resource ในบัญชี ถ้าแค่อยากให้ AI เขียนโค้ดหรือค้นเอกสาร ไม่ต้องล็อกอิน

ติดตั้งใน 3 ขั้น

ขั้นที่ 1: เลือกระหว่างวางพรอมต์หรือพิมพ์คำสั่งเอง

วิธีแรกง่ายที่สุด คือกด Copy prompt ที่หน้า agent-setup แล้ววางใน Claude Code ข้อความที่ได้คือ

Fetch and execute the appropriate instructions to set me up for Cloudflare from https://developers.cloudflare.com/agent-setup/prompt.md

Claude จะเปิดไฟล์ prompt.md อ่านส่วนของ Claude Code แล้วรันคำสั่งติดตั้งให้เอง ในไฟล์นั้นเขียนกำกับไว้ด้วยว่าอย่าใช้ npx skills หรือ claude mcp add กับ Claude Code เพราะคำสั่ง plugin ติดตั้งให้ครบทั้งสกิลและ MCP ในทีเดียวอยู่แล้ว

ถ้าอยากพิมพ์เอง ก็ใช้แค่สองบรรทัดนี้ในเทอร์มินัล

claude plugin marketplace add cloudflare/skills
claude plugin install cloudflare@cloudflare

หรือถ้าอยู่ในหน้าจอ Claude Code อยู่แล้ว ให้พิมพ์ /plugin marketplace add cloudflare/skills ตามด้วย /plugin install cloudflare@cloudflare ได้ผลเหมือนกัน

ขั้นที่ 2: สั่ง /reload-plugins

ขั้นนี้คนลืมกันบ่อย ติดตั้งเสร็จแล้วสกิลยังไม่ทำงานในเซสชันที่เปิดค้างอยู่ ต้องพิมพ์ /reload-plugins ใน Claude Code ก่อน หรือจะปิดแล้วเปิดใหม่ก็ได้ MCP server ถึงจะถูกโหลดตามมา

ขั้นที่ 3: เช็กว่าติดตั้งครบ

Claude Code มีคำสั่ง claude plugin details ที่บอกได้ว่า plugin มีอะไรบ้าง และกิน token เท่าไร

ตัวเลขที่ควรดูคือ Always-on ราว 2,135 token ซึ่งถูกบวกเข้าไปทุกเซสชัน เพราะ Claude ต้องรู้ว่ามีสกิลอะไรให้เรียกใช้ ส่วนตัวสกิลเต็ม ๆ จะโหลดตอนถูกเรียกใช้เท่านั้น ตัวที่ใหญ่สุดคือ turnstile-spin ราว 11,100 token ต่อครั้ง

สกิล 13 ตัว ใช้ทำอะไร

ในเครื่องผม (ติดตั้งวันที่ 26 ส.ค. 2569) สกิลอยู่ที่ ~/.claude/plugins/marketplaces/cloudflare/skills และรายชื่อ MCP อยู่ในไฟล์ .mcp.json

งาน	สกิล	ทำอะไร
เลือกบริการ	cloudflare	สกิลหลัก มีแผนผังช่วยเลือกว่างานไหนเหมาะกับ Workers, KV, D1, R2, Queues, Workers AI ฯลฯ พร้อมเอกสารอ้างอิงแยกตามบริการ 63 หัวข้อ
สั่งงานผ่าน CLI	wrangler	คู่มือคำสั่ง wrangler ตั้งแต่ dev, deploy, rollback, secret จนถึง D1, R2, KV, Pages ย้ำให้ใช้ wrangler.jsonc และรัน wrangler types ทุกครั้งที่แก้ config
ตรวจโค้ด	workers-best-practices	ใช้ตรวจโค้ด Worker เช่น ต้อง stream ข้อมูลใหญ่, ใช้ ctx.waitUntil(), ห้ามฝัง secret ในโค้ด, ใช้ binding แทน REST API
งานที่ต้องเก็บ state	durable-objects	ห้องแชต เกม ระบบจอง ครอบคลุม RPC, SQLite, alarm, WebSocket และการเทสต์ด้วย Vitest
สร้างเอเจนต์	agents-sdk	สร้าง AI agent ที่จำ state ได้ ตั้งเวลาทำงาน เรียก RPC ทำ chat แบบ streaming รับอีเมล และสร้าง MCP server
รันโค้ดในกล่องแยก	sandbox-stable, sandbox-next, sandbox-migrate-to-next	Sandbox SDK สำหรับรันคำสั่ง Linux ใน container แยกเป็นเวอร์ชัน stable, เวอร์ชัน 1.0 preview และตัวช่วยย้ายจาก stable ไป preview
กันบอต	turnstile-spin	ติดตั้ง Turnstile ครบวงจร ตั้งแต่สแกนโค้ด สร้าง widget ฝังในฟอร์ม ไปจนถึงเขียนตัวตรวจฝั่ง server
อีเมล	cloudflare-email-service	ส่งและรับอีเมลผ่าน Email Sending และ Email Routing รวมถึง SPF, DKIM, DMARC
ความเร็วเว็บ	web-perf	วัด LCP, INP, CLS, FCP, TBT ผ่าน Chrome DevTools MCP หาไฟล์ที่บล็อกการเรนเดอร์ แล้วสรุปเป็นตารางพร้อมวิธีแก้
องค์กร	cloudflare-one, cloudflare-one-migrations	Zero Trust (Access, Gateway, WARP, Tunnel) และวางแผนย้ายมาจาก Zscaler, Palo Alto หรือ VPN เดิม

MCP server 5 ตัว

Server	หน้าที่	ต้องล็อกอิน
cloudflare-docs	ค้นเอกสาร Cloudflare ฉบับล่าสุด	ไม่ต้อง
cloudflare-api	จัดการบัญชีผ่าน Code Mode (มีแค่ search() กับ execute() แต่ครอบคลุม API กว่า 2,500 endpoint)	ต้อง (OAuth)
cloudflare-bindings	สร้างและดู KV, R2, D1 ที่ Worker ใช้	ต้อง
cloudflare-builds	ดูสถานะและ log ของ Workers Builds	ต้อง
cloudflare-observability	อ่าน log และ analytics ของแอปตอนไล่หาบั๊ก	ต้อง

ตัวที่ผมลองได้จริงคือ cloudflare-docs เพราะเป็นตัวเดียวที่เปิดสาธารณะ ผมเขียนสคริปต์สั้น ๆ ยิงคำถามเข้า MCP ตรง ๆ ด้วย curl ว่าเว็บ static ใหม่ควรใช้ Workers หรือ Pages

คำตอบนี้คือตัวอย่างที่ดีว่าทำไมสกิลชุดนี้ถึงมีประโยชน์ โมเดลที่ไม่ได้ค้นเอกสารมักตอบว่าเว็บ static ให้ใช้ Pages เพราะเคยเป็นคำแนะนำมาตรฐานมาหลายปี แต่ตอนนี้ไม่ใช่แล้ว กรณีเว็บผมที่อยู่บน Pages อยู่แล้ว สกิล cloudflare เวอร์ชันล่าสุดใน GitHub เขียนไว้ว่าให้คง Pages เดิมไว้ถ้างานที่ทำไม่เกี่ยวกับการย้าย ผมจึงไม่ต้องกลัวว่า AI จะย้ายเว็บไป Workers เองตอนที่แค่สั่งแก้หน้าเดียว

ลองกับโปรเจกต์จริงแบบไม่ deploy

ผมสร้างโปรเจกต์ทดสอบเล็ก ๆ ตามที่เอกสารแนะนำ คือมีโฟลเดอร์ dist ที่มีไฟล์ HTML หนึ่งไฟล์ กับ wrangler.jsonc ที่ชี้ไปที่โฟลเดอร์นั้น แล้วรัน wrangler deploy --dry-run ซึ่งจะตรวจ config และแพ็กไฟล์ให้ดูโดยไม่อัปโหลดขึ้นบัญชี

ตัวอย่างพรอมต์

ไม่ต้องเรียกชื่อสกิล Claude จะเลือกโหลดเองจากเนื้อหาที่เราพิมพ์ ตัวอย่างที่ผมว่าใช้ได้จริงกับงานเว็บทั่วไป

• "เว็บนี้อยู่บน Pages อยากเพิ่มฟอร์มติดต่อที่บันทึกลง D1 ช่วยวางแผนก่อน ยังไม่ต้อง deploy"
• "ตรวจโค้ด Worker ในโฟลเดอร์นี้ตาม best practices แล้วสรุปเป็นรายการที่ควรแก้"
• "ใส่ Turnstile ให้ฟอร์มสมัครสมาชิก" (สกิลจะถามยืนยันทีละขั้น และให้เราตั้ง API token เองในเทอร์มินัล ไม่ให้วางในแชต)
• "ตรวจความเร็วหน้าแรกของเว็บ บอก LCP กับ CLS และสิ่งที่ควรแก้ก่อน" (ต้องมี Chrome DevTools MCP)
• /cloudflare:build-agent สำหรับเริ่มโปรเจกต์เอเจนต์ด้วย Agents SDK

นิสัยที่ผมแนะนำคือเติมคำว่า "ยังไม่ต้อง deploy" ไว้ในพรอมต์แรกเสมอ สกิล wrangler รู้คำสั่ง wrangler deploy ดี และถ้าเครื่องล็อกอินไว้แล้ว มันจะ deploy ได้จริง

Cloudflare Skills คืออะไร

เป็น repo โอเพนซอร์สของ Cloudflare เอง ใช้ license Apache-2.0 ข้างในเป็นไฟล์ SKILL.md แยกตามเรื่อง เป็นคู่มือที่ Claude อ่านก่อนทำงาน และมีไฟล์ .mcp.json ที่ลงทะเบียน MCP server ของ Cloudflare ให้อัตโนมัติ นอกจาก Claude Code แล้ว repo นี้ยังรองรับ Codex, Cursor, VS Code และเอเจนต์อื่นที่ใช้มาตรฐาน Agent Skills ได้

จุดที่ผมชอบ

• บังคับให้ AI ค้นเอกสารก่อนตอบ เกือบทุกสกิลเปิดด้วยประโยคว่าความรู้ของโมเดลอาจล้าสมัยแล้ว และให้ดึงข้อมูลล่าสุดก่อนพูดถึง limit ราคา หรือ config ถ้าไฟล์อ้างอิงในสกิลขัดกับเอกสาร ให้เชื่อเอกสาร ข้อนี้ตรงกับปัญหาที่ผมเจอพอดี
• ทำโดยเจ้าของแพลตฟอร์ม คำแนะนำอย่าง "ใช้ wrangler.jsonc แทน TOML" หรือ "โปรเจกต์ใหม่ใช้ Workers" มาจาก Cloudflare เอง ไม่ใช่ความเห็นของคนทำสกิลภายนอก
• ระวังเรื่อง credential สกิล turnstile-spin ห้ามขอ API token ในแชต และให้ผู้ใช้ตั้งค่าเองด้วย read -rsp ในเทอร์มินัล MCP ที่ต้องเข้าบัญชีก็ใช้ OAuth
• ตรวจ Core Web Vitals เป็นขั้นตอน web-perf มีเกณฑ์ good / needs-improvement / poor ให้ครบ (เช่น LCP ต่ำกว่า 2.5 วินาที, CLS ต่ำกว่า 0.1) และสั่งให้บอกวิธีแก้แบบเจาะจง เช่น "บีบ hero.png 450KB เป็น WebP" แทนที่จะบอกแค่ว่า "ปรับรูป"
• ครอบคลุมกว้าง ตั้งแต่เว็บ static ไปจนถึง AI agent, Sandbox, อีเมล และ Zero Trust ขององค์กร

ข้อจำกัดที่ควรรู้

• ของในเครื่องอาจไม่ใช่เวอร์ชันล่าสุด ผมติดตั้งเมื่อ 26 ส.ค. 2569 ได้ commit วันที่ 7 ส.ค. ตอนเขียนบทความนี้ repo บน GitHub เปลี่ยนไปพอสมควรแล้ว มีสกิลใหม่ nextjs-on-cloudflare (แนะนำ vinext แทน OpenNext) สกิล cloudflare ถูกเขียนใหม่ให้เน้นช่วยเลือกบริการ และตั้งแต่ 2 ก.ย. 2569 plugin ใส่ MCP มาให้ตัวเดียวคือ cloudflare (Code Mode) แทน 5 ตัวแบบเดิม แต่หน้า agent-setup ยังแสดง 5 ตัวสำหรับเอเจนต์อื่น ใครติดตั้งตอนนี้จะได้ชุดที่ต่างจากในภาพของผม
• เลขเวอร์ชันไม่เปลี่ยน plugin.json ยังเป็น 1.0.0 ทั้งของเก่าและของใหม่ Claude Code มีคำสั่ง claude plugin marketplace update กับ claude plugin update แต่ผมยังไม่ได้ลองรัน จึงยังไม่รู้ว่าจะดึงของใหม่มาให้หรือเปล่าเมื่อเลขเวอร์ชันเท่าเดิม
• กิน token ทุกเซสชัน ราว 2,100 token ต่อเซสชันแม้ไม่ได้ทำงาน Cloudflare เลย ถ้าไม่ได้ใช้ Cloudflare เป็นประจำ ปิด plugin ไว้ด้วย claude plugin disable ได้
• MCP ส่วนใหญ่ต้องเข้าบัญชี ตอนเรียกครั้งแรกจะเด้งหน้า OAuth ให้เลือกสิทธิ์ ควรให้สิทธิ์เท่าที่งานต้องใช้ โดยเฉพาะ cloudflare-api ที่เข้าถึงได้เกือบทุกอย่างในบัญชี
• web-perf ต้องมี MCP อีกตัว คือ chrome-devtools ซึ่งไม่ได้มากับ plugin นี้ ถ้าไม่มี สกิลจะหยุดทำงานตั้งแต่ขั้นแรก
• AI deploy ได้จริง ถ้าเครื่องล็อกอิน wrangler ไว้ ผมแนะนำให้ใช้ --dry-run หรือสั่งไว้ในพรอมต์ว่าห้าม deploy จนกว่าจะตรวจเสร็จ

สิ่งที่ผมยังไม่ได้ลอง

ผมไม่ได้ล็อกอินบัญชี Cloudflare และไม่ได้ deploy อะไรในการทดสอบรอบนี้ จึงยังไม่ได้ลอง MCP 4 ตัวที่ต้องใช้ OAuth (api, bindings, builds, observability) ไม่ได้รันสกิล turnstile-spin ที่ต้องมี API token ไม่ได้สร้างเอเจนต์ด้วย Agents SDK จริง และไม่ได้รัน web-perf เพราะยังไม่ได้ติดตั้ง Chrome DevTools MCP ที่ผมทดสอบจริงมี 4 อย่าง คือ ดูรายการใน plugin ค้นเอกสารผ่าน cloudflare-docs MCP เช็กเวอร์ชัน wrangler และรัน deploy แบบ dry-run

คำถามที่พบบ่อย

Cloudflare Skills ใช้ฟรีไหม

ตัวสกิลและ MCP ฟรี เป็นโอเพนซอร์ส Apache-2.0 ค่าใช้จ่ายจะมาจากบริการ Cloudflare ที่เราใช้จริงตามแพ็กเกจ และค่าใช้ Claude Code ตามแพ็กเกจของเรา บวกกับ token ที่เพิ่มขึ้นราว 2,100 ต่อเซสชัน

ต้องใช้ Skills, MCP หรือ wrangler อย่างไหนดี

หน้า FAQ ของ Cloudflare ตอบว่าใช้ทั้งสามอย่าง Skills ให้ความรู้ว่าควรเลือกบริการไหน MCP ใช้ค้นเอกสารและจัดการบัญชี ส่วน wrangler ใช้รัน dev กับ deploy ในเครื่อง ซึ่ง plugin ตัวนี้ตั้งค่าทั้งสามอย่างให้พร้อมกันอยู่แล้ว

เว็บเดิมอยู่บน Pages ต้องย้ายไป Workers ไหม

ไม่จำเป็นต้องรีบย้าย Cloudflare บอกว่า Pages ยังใช้งานได้ แค่ฟีเจอร์ใหม่จะลงที่ Workers ก่อน และสกิลเวอร์ชันล่าสุดก็เขียนไว้ว่าให้คง Pages เดิมไว้ ถ้างานที่ทำไม่เกี่ยวกับการย้าย ถ้าวันหนึ่งอยากย้าย ใน cloudflare-docs MCP มีเครื่องมือ migrate_pages_to_workers_guide ให้เรียกดูคู่มือได้

ต้องเขียนโค้ดเป็นไหม

ติดตั้งไม่ต้องเขียนโค้ด วางพรอมต์ในเอเจนต์บรรทัดเดียวก็จบ แต่ถ้าจะให้ AI deploy งานขึ้นระบบจริง ควรพออ่าน wrangler.jsonc และผล dry-run ออก จะได้รู้ว่ามันกำลังจะสร้างหรือแก้อะไรในบัญชีเรา

ใช้กับ Codex หรือ Cursor ได้ไหม

ได้ หน้า agent-setup มีคู่มือแยกให้ Codex, Cursor, GitHub Copilot, OpenCode, Devin, VS Code และอื่น ๆ สำหรับเอเจนต์ที่ไม่มีระบบ plugin ให้ติดตั้งสกิลด้วย npx skills add cloudflare/skills แล้วค่อยเพิ่ม MCP ในไฟล์ config ของเอเจนต์นั้นเอง