วิธีเพิ่มทักษะใน VS Code

VS Code Agent Skills คือโฟลเดอร์ที่ Copilot โหลดเมื่อเกี่ยวข้อง นี่คือคู่มือ IDE อย่างเป็นทางการ — Cursor มีหน้าของตัวเอง ไม่มีพาธ “ทุก IDE” แบบทั่วไป

เริ่มจาก Use Agent Skills in VS Code

อ่าน code.visualstudio.com/docs/agent-customization/agent-skills พิมพ์ /skills ในแชตเพื่อเปิด Configure Skills name ใน frontmatter ต้องตรงกับโฟลเดอร์แม่ ไม่เช่นนั้นทักษะโหลดไม่สำเร็จ

ตำแหน่งโปรเจกต์และส่วนบุคคล

ในหน้านั้น:

  • โปรเจกต์: .github/skills/, .claude/skills/, .agents/skills/
  • ส่วนบุคคล: ~/.copilot/skills/, ~/.claude/skills/, ~/.agents/skills/

ตั้งโฟลเดอร์โปรเจกต์เพิ่มได้ด้วย chat.agentSkillsLocations สร้างทักษะจาก Configure Chat → Skills → New Skill (Workspace หรือ User)

เพิ่มทักษะของ Tiny Design Shop

คัดลอกโฟลเดอร์แพ็กจาก companion หรือ GitHub ไปที่ .github/skills/ (หรือตำแหน่งส่วนบุคคลด้านบน) คำสั่งทักษะที่ใช้ร่วมกันในหน้านั้นบอกให้คัดลอกไปที่ .github/skills/ แล้วตรวจ SKILL.md

ยืนยันว่าโหลดแล้ว

พิมพ์ / ในแชตแล้วเลือกทักษะ หรือเปิด Chat: Open Customizations ทักษะเริ่มต้นปรากฏเป็นคำสั่งสแลช และโหลดอัตโนมัติจากคำอธิบายได้ด้วย