ผู้เขียน: ทีม HolySheep AI · อัปเดตล่าสุด: มกราคม 2026 · เวลาอ่าน ≈ 14 นาที
ผมเขียนบทความนี้จากประสบการณ์ตรงของทีมงาน HolySheep AI ที่ได้ทดลองเชื่อมต่อ Claude Code เข้ากับ page-agent MCP server เพื่อสั่งให้เบราว์เซอร์ทำงานแทนมนุษย์ เช่น กรอกฟอร์ม ดึงข้อมูลราคาสินค้า เก็บหัวข้อข่าว หรือแม้แต่คลิกปุ่มบนหน้าเว็บที่เปลี่ยนโครงสร้างบ่อย ๆ ซึ่งปกติแล้วเราต้องเขียน Selenium หรือ Playwright หลายร้อยบรรทัด แต่เมื่อใช้ Claude Code + page-agent MCP server เราเพียงพิมพ์คำสั่งภาษาไทย ตัวโมเดลจะวางแผนและเรียกใช้เครื่องมือเบราว์เซอร์ให้เองทั้งหมด บทความนี้จะพาคุณตั้งแต่ติดตั้งไปจนถึงรันสคริปต์แรกได้ภายใน 15 นาที แม้คุณไม่เคยเขียนโค้ดมาก่อนเลย
page-agent MCP server คืออะไร อธิบายแบบเข้าใจง่าย
หากมอง Claude Code เป็น "สมอง" ที่คิดและวางแผน page-agent MCP server ก็เป็น "มือ" ที่ลงมือทำจริงบนหน้าเว็บไซต์ MCP ย่อมาจาก Model Context Protocol คือมาตรฐานที่ให้โปรแกรมภายนอกเสียบเข้ากับ Claude Code ได้ page-agent คือหนึ่งใน MCP server เปิดที่ถูกออกแบบมาเพื่อ "ควบคุมเบราว์เซอร์" โดยเฉพาะ เมื่อต่อเชื่อมสำเร็จ คุณพิมพ์ข้อความสั้น ๆ เช่น "เปิด shopee.co.th หาคำว่า หูฟังบลูทูธ แล้วบันทึก 10 อันดับแรกลงไฟล์ csv" แค่นี้เบราว์เซอร์จริง ๆ ของคุณจะทำงานให้ทั้งหมด
ทำไมต้อง Claude Code + page-agent MCP?
- ประหยัดเวลา: สคริปต์ที่เคยใช้ Playwright เขียน 3 ชั่วโมง เหลือแค่พิมพ์ประโยคเดียว
- ทนต่อหน้าเว็บที่เปลี่ยน: ถ้าปุ่มเปลี่ยนสีหรือคลาส CSS เปลี่ยนชื่อ โมเดลจะปรับแผนใหม่เอง
- เรียนรู้ได้ทุกคน: ไม่ต้องรู้จัก XPath, CSS selector หรือ JavaScript ก็สั่งงานได้
- รองรับภาษาไทย: ทั้งคำสั่งและข้อมูลที่ดึงออกมาเป็นภาษาไทยได้เต็มรูปแบบ
- ทำงานซ้ำได้: เก็บ prompt ไว้ใช้วันละหลายรอบได้โดยไม่เสียค่าเขียนใหม่
สิ่งที่ต้องเตรียมก่อนเริ่ม
- คอมพิวเตอร์ Windows 10/11, macOS หรือ Linux (ใช้ได้ทุกระบบ)
- พื้นที่ว่างในฮาร์ดดิสก์อย่างน้อย 500 MB
- ติดตั้ง Node.js เวอร์ชัน 18 ขึ้นไป (ดาวน์โหลดฟรีจาก nodejs.org)
- บัญชี HolySheep AI พร้อม API Key สมัครที่นี่ เพื่อรับเครดิตฟรีทันทีหลังสมัคร
- เบราว์เซอร์ Chrome หรือ Chromium (page-agent ใช้ Puppeteer ในการควบคุม)
- อนุญาตให้รันคำสั่ง command line (สำหรับ Windows ให้เปิด PowerShell ในโหมดผู้ดูแล)
ขั้นตอนที่ 1 — ติดตั้ง Claude Code
เปิดเทอร์มินัล (macOS/Linux) หรือ PowerShell (Windows) แล้ววางคำสั่งด้านล่างนี้:
npm install -g @anthropic-ai/claude-code
claude --version
<