api-and-interface-design Skill
★ ดาวของทั้งรีโป ไม่ใช่ของ Skill ตัวนี้
ใช้ทำอะไรได้
api-and-interface-design เป็น 1 ใน 24 Skill ของรีโป agent-skills
Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend.
/spec ระบบสั่งกาแฟล่วงหน้าของร้านกาแฟบ้านสวน- ต่อแบบ ไฟล์คำสั่งให้ AI อ่าน ไม่ต่อบริการใด
- บัญชีหรือคีย์ ไม่ต้องใส่คีย์
- หมวด เขียนโค้ด
สรุปวิธีใช้ agent-skills
สรุปจาก README ของผู้ทำ
คำสั่งที่ใช้บ่อย
/spec
กำหนดสิ่งที่จะสร้างเป็นสเปกก่อนเขียนโค้ด
/spec ระบบสั่งกาแฟล่วงหน้าของร้านกาแฟบ้านสวน/plan
แตกงานเป็นงานย่อยเล็ก ๆ ที่ตรวจได้
/plan แตกงานระบบจองคิวคลินิกฟันเป็นขั้นย่อย/build
สร้างทีละชิ้นเล็ก ๆ ทดสอบแล้วค่อยไปต่อ
/build เริ่มทำหน้ารายการเมนูของร้านขนมปัง/test
พิสูจน์ว่าทำงานจริงด้วยเทส
/test ตรวจฟังก์ชันคิดยอดบิลของร้านก๋วยเตี๋ยว/review
รีวิวโค้ดก่อนรวมเข้าโปรเจกต์ (ใน Claude Code ใช้ /agent-skills:review)
/review ตรวจโค้ดหน้าชำระเงินของร้านกาแฟ/ship
ตรวจความพร้อมก่อนปล่อยขึ้นใช้งานจริง
/ship ตรวจก่อนปล่อยเว็บจองคิวคลินิกขึ้นออนไลน์เหมาะกับใคร
ทีมหรือคนที่อยากให้ AI ทำงานเป็นขั้นตอนตั้งแต่กำหนดโจทย์ วางแผน สร้าง ทดสอบ รีวิว จนปล่อย
ทำอะไรไม่ได้
คำสั่งสแลชเป็นของปลั๊กอิน Claude Code ถ้าลงสกิลเดียวจะได้แค่เนื้อหาสกิล และการลงสกิลเดี่ยวด้วย npx จะไม่ได้โฟลเดอร์ references ที่ใช้ร่วมกัน
เคล็ดลับ
เริ่มด้วย /spec หรือสกิล interview-me เมื่อโจทย์ยังคลุมเครือ จะได้ไม่เสียเวลาแก้ทีหลัง
Skill ต่างจาก MCP ยังไง
MCP ต่อ AI เข้ากับบริการหรือข้อมูลภายนอก ส่วน Skill เป็นคู่มือวิธีทำงานที่ AI อ่านแล้วทำตาม ไม่ต้องต่อบริการใด
ใช้กับแอปไหน
Claude CodeCodexCursorGemini CLIGitHub CopilotWindsurfOpenCodeKiro
ตามที่ README ของผู้ทำเขียนไว้ และโฟลเดอร์ที่มีใน repo
ติดตั้ง
ปลอดภัยไหม
- ใครทำ
บัญชี GitHub addyosmani (บุคคล) เปิดมา 17 ปี
- คนใช้และการดูแล
★ 115,500 ดาว · แก้โค้ดล่าสุด 2 พ.ย. 2569
- มีสคริปต์ไหม
ไม่มี เป็นไฟล์ข้อความล้วน AI อ่านแล้วทำตาม
- ใช้อินเทอร์เน็ตไหม
ไม่มีสคริปต์ จึงไม่เรียกอินเทอร์เน็ตเอง
- แก้ค่าตั้งทั้งเครื่องไหม
ไม่พบ hook หรือการเขียนค่าตั้งของเครื่อง
ตรวจอัตโนมัติจากไฟล์ใน repo ที่ commit 301b02b (อ่านไฟล์อย่างเดียว ไม่ได้รัน) ไม่ใช่การรับรองความปลอดภัย อ่านแล้วตัดสินใจเอง
ให้ AI ติดตั้งให้
ใช้กับ Claude Code, Codex และ Cursor · คัดลอกประโยคนี้ไปวางในแชตของแอป
เลือกเฉพาะโปรเจกต์ ให้วางในแชตที่เปิดอยู่ในโฟลเดอร์ของโปรเจกต์นั้น · AI จะบอก path ให้ดูก่อนติดตั้งเสมอ
AI จะบอกก่อนว่าจะทำอะไร และขออนุญาตคุณทุกขั้น
ตรวจกับเอกสารทางการล่าสุด 12 พ.ย. 2569 · แหล่ง: code.claude.com, learn.chatgpt.com, cursor.com
สำหรับคนที่ใช้ Terminal
Skill คือคำสั่งที่ AI จะทำตาม อ่านไฟล์ก่อนติดตั้ง และติดตั้งเฉพาะจากผู้ทำที่เชื่อถือได้
วิธีที่ผู้ทำแนะนำ
npx skills add addyosmani/agent-skillsคำสั่งนี้คัดมาจาก README ของผู้ทำ จะดาวน์โหลดและรันโค้ดของผู้ทำ
คุณใช้แอปไหน
เปิด Terminal
Mac: กด Command+Space พิมพ์ Terminal · Windows: เปิด PowerShell (คำสั่งด้านล่างเขียนแบบ Mac/Linux)
คัดลอกโฟลเดอร์ skill ไปไว้ที่ ~/.claude/skills
คำสั่งนี้ดาวน์โหลด repo ไว้ชั่วคราว แล้วคัดลอกเฉพาะโฟลเดอร์ที่มี SKILL.md
rm -rf /tmp/popnx-skill && git clone --depth 1 https://github.com/addyosmani/agent-skills.git /tmp/popnx-skill && mkdir -p ~/.claude/skills && cp -R '/tmp/popnx-skill/skills/api-and-interface-design' ~/.claude/skills/api-and-interface-design && rm -rf /tmp/popnx-skillเปิด Claude Code ใหม่ แล้วพิมพ์ /api-and-interface-design หรือสั่งงานที่ตรงเรื่อง Claude จะเลือกใช้เอง
เปิด Terminal
Mac: กด Command+Space พิมพ์ Terminal · Windows: เปิด PowerShell (คำสั่งด้านล่างเขียนแบบ Mac/Linux)
คัดลอกโฟลเดอร์ skill ไปไว้ที่ ~/.agents/skills
คำสั่งนี้ดาวน์โหลด repo ไว้ชั่วคราว แล้วคัดลอกเฉพาะโฟลเดอร์ที่มี SKILL.md
rm -rf /tmp/popnx-skill && git clone --depth 1 https://github.com/addyosmani/agent-skills.git /tmp/popnx-skill && mkdir -p ~/.agents/skills && cp -R '/tmp/popnx-skill/skills/api-and-interface-design' ~/.agents/skills/api-and-interface-design && rm -rf /tmp/popnx-skillเปิด Codex ใหม่ แล้วสั่งงานที่ตรงเรื่อง Codex จะเห็น skill นี้ในรายการ
เปิด Terminal
Mac: กด Command+Space พิมพ์ Terminal · Windows: เปิด PowerShell (คำสั่งด้านล่างเขียนแบบ Mac/Linux)
คัดลอกโฟลเดอร์ skill ไปไว้ที่ ~/.cursor/skills
คำสั่งนี้ดาวน์โหลด repo ไว้ชั่วคราว แล้วคัดลอกเฉพาะโฟลเดอร์ที่มี SKILL.md
rm -rf /tmp/popnx-skill && git clone --depth 1 https://github.com/addyosmani/agent-skills.git /tmp/popnx-skill && mkdir -p ~/.cursor/skills && cp -R '/tmp/popnx-skill/skills/api-and-interface-design' ~/.cursor/skills/api-and-interface-design && rm -rf /tmp/popnx-skillใน Agent chat ของ Cursor พิมพ์ / แล้วเลือก api-and-interface-design
แอปอื่นที่รองรับ Agent Skills (เช่น Gemini CLI, GitHub Copilot) เก็บ skill ในโฟลเดอร์ต่างกัน ดูคู่มือของแอปนั้น แล้วคัดลอกโฟลเดอร์ที่มี SKILL.md ไปวาง
ตรวจโฟลเดอร์ skill กับคู่มือทางการของ Claude Code, Codex และ Cursor เมื่อ 11 พ.ย. 2569
อัปโหลดเข้า claude.ai (เว็บและแอป)
อัปโหลดใน claude.ai ไม่ผ่าน เพราะคำอธิบายยาวเกิน 200 ตัวอักษร (251 ตัวอักษร) ใช้ทาง "ให้ AI ติดตั้งให้" แทน
พูดคุย
ถาม แชร์เคล็ดลับ หรือแจ้งว่าใช้ไม่ได้ เรียงตามที่คนกดว่ามีประโยชน์
ยังไม่มีใครโพสต์ ถามหรือแชร์เป็นคนแรกได้เลย
ข้อความในส่วนนี้เขียนโดยผู้ใช้ ไม่ใช่ทีม PopNx
ข้อมูลจาก GitHub
- ดาว GitHub
- 115,500
ดาวของทั้งรีโป ไม่ใช่ของ Skill ตัวนี้ - ผู้ทำ
- addyosmani
- license
- MIT
- แก้โค้ดล่าสุด
- 2 พ.ย. 2569
- ไฟล์ SKILL.md ใน repo
- 1
- topic
- agent-skills, antigravity, claude-code, codex, cursor, skills