เพิ่งลง Claude Code แล้วไม่รู้จะเริ่มลงอะไรดี
ชุด skill กับ MCP server ที่ผมแนะนำสาย Frontend ไม่ต้องลงเยอะก่อน ถ้าเริ่มง่ายๆ ผมเลือก impeccable + context7 + Playwright + Chrome DevTools
21 เม.ย. 2026อ่าน ~1 นาทีดู 30,468 ครั้งบนเพจ
Claude Codeต้นฉบับบน Facebook ↗
เพิ่งลง Claude Code แล้วไม่รู้จะเริ่มลงอะไรดี
อันนี้คือชุดที่ผมมักแนะนำสำหรับสาย Frontend
ไม่ได้บอกว่าดีที่สุดสำหรับทุกคน
แต่เป็นตัวที่รู้สึกว่าใช้แล้ว workflow มันลื่นขึ้นจริง
🧠 Skills
- github.com/pbakaus/impeccable — ช่วยเรื่องงานหน้าเว็บที่ต้องเนี้ยบ รายละเอียด spacing, hierarchy, typography ดีขึ้นพอสมควร
- github.com/nextlevelbuilder/ui-ux-pro-max-skill — ทำให้ Claude คิดเรื่อง UX/UI ก่อนรีบเขียน component
- github.com/multica-ai/andrej-karpathy-skills — ช่วยจัดวิธีคิดเวลาจะลงมือแก้โค้ด เช่น คิดก่อนเขียน, แก้เท่าที่จำเป็น, ไม่ overcomplicate
🔌 MCP Servers
- github.com/upstash/context7 — เอาไว้ดึง docs ของ library มาใช้ตรง ๆ เวลาทำงาน
- github.com/microsoft/playwright-mcp — ใช้เทสหน้าเว็บใน browser จริงจาก terminal
- github.com/ChromeDevTools/chrome-devtools-mcp — useful มากเวลาต้องดู console, network, performance
- github.com/GLips/Figma-Context-MCP — ช่วยดึง context จาก Figma มาใช้ต่อกับงาน code
- github.com/21st-dev/magic-mcp — ใช้ช่วย generate component ไวขึ้นเวลาอยากลองหลายแบบ
สำหรับผม ชุดนี้คือจุดเริ่มที่ดีถ้าทำ Frontend บ่อย
ไม่ต้องลงเยอะก่อนก็ได้
เริ่มจากไม่กี่ตัวที่เข้ากับงานตัวเองก่อนก็พอ
ถ้าจะให้เลือกแบบเริ่มง่าย ผมน่าจะเริ่มจาก
impeccable + context7 + Playwright + Chrome DevTools