วันนี้จะมาแชร์สกิลสร้างเว็บไซต์ง่าย ๆ ภายใน 25 นาที ด้วย Claude Code 🚀
🎁 สำหรับใครที่สนใจ Skill นี้ ผมแจกฟรี 50 ท่านแรก ผ่านเว็บไซต์
📥 วิธีติดตั้ง Skill "build-website"
สร้างเว็บไซต์ใช้งานจริงจากคำสั่งสั้นๆ ด้วย Claude Code — ตั้งแต่เขียนโค้ดจนถึง deploy ขึ้นอินเทอร์เน็ต
⚠️ เตรียมก่อนใช้งาน (สำคัญ)
ก่อนใช้ต้องเชื่อมต่อเครื่องมือใน Claude Code ให้พร้อม ไม่งั้น skill ทำงานไม่ครบ — พิมพ์ /mcp แล้วเชื่อม:
- GitHub — สำหรับเก็บซอร์สโค้ดและสำรองโปรเจกต์
- Vercel — สำหรับ Deploy และโฮสต์เว็บไซต์อัตโนมัติ
- Supabase — หากต้องการใช้เป็นฐานข้อมูล
- Cloudflare — หากมีโดเมนของตัวเอง ใช้เชื่อมต่อโดเมนและจัดการ DNS
วิธีที่ 1 — ให้ AI ติดตั้งให้ 🤖 (แนะนำ ง่ายสุด)
- ดาวน์โหลด
build-website.zipมาเก็บไว้ (เช่นใน Downloads) - เปิด Claude Code แล้วคัดลอกข้อความนี้ไปวาง (แก้ path ให้ตรงกับไฟล์):
"ช่วยติดตั้ง Claude Code skill จากไฟล์ zip นี้ให้หน่อย: ~/Downloads/build-website.zip โดยแตกไฟล์แล้วเอาโฟลเดอร์ build-website ไปวางที่ ~/.claude/skills/ ให้เป็น global skill ที่ใช้ได้ทุกโปรเจกต์ เสร็จแล้วเช็คให้ด้วยว่าไฟล์ SKILL.md อยู่ถูกที่"
- Claude Code จะแตกไฟล์และติดตั้งให้เอง
- รีสตาร์ท Claude Code → พิมพ์
/build-websiteใช้งานได้เลย
💡 ลาก-วางไฟล์ zip เข้าหน้าต่าง Claude Code ได้เลย มันจะเติม path ให้อัตโนมัติ
วิธีที่ 2 — ติดตั้งเองผ่าน Terminal ⌨️
Mac / Linux
mkdir -p ~/.claude/skills
mv ~/Downloads/build-website ~/.claude/skills/
ls ~/.claude/skills/build-website/SKILL.md
Windows (PowerShell)
mkdir $env:USERPROFILE\.claude\skills -Force
move $env:USERPROFILE\Downloads\build-website $env:USERPROFILE\.claude\skills\
จากนั้นรีสตาร์ท Claude Code → พิมพ์ /build-website
✅ เช็คว่าติดตั้งสำเร็จ
พิมพ์ / ใน Claude Code แล้วดูว่ามี build-website ในรายการหรือไม่