Skills การพัฒนา

เปรียบเทียบการนำไปใช้งานของ pull request กับบริบทของสเปกใน spec_context.md และป้อนความไม่สอดคล้องที่มีนัยสำคัญเข้าไปใน review.json ใช้ในระหว่างการตรวจสอบ PR เมื่อได้รับการอนุมัติหรือมีบริบทของสเปกของ repository พร้อมใช้งาน

สร้าง แก้ไขข้อบกพร่อง และเผยแพร่ส่วนขยาย Chrome พร้อมคำแนะนำ Manifest V3 จาก Google Chrome ครอบคลุม API ของส่วนขยาย สิทธิ์การใช้งาน service workers ความปลอดภัย และข้อกำหนดการส่งผลงานไปยัง Chrome Web Store

คู่มือที่ครอบคลุมสำหรับการสร้างส่วนขยาย Chrome ด้วย Manifest V3 ใช้ทักษะนี้เมื่อผู้ใช้กล่าวถึงส่วนขยาย Chrome, ส่วนขยายเบราว์เซอร์, manifest.json, content script, service worker (ในบริบทของส่วนขยาย), popup, side panel, chrome.runtime, chrome.tabs, chrome.storage, chrome.scripting, background script, MV3, Manifest V3 หรือ API ส่วนขยาย Chrome ใดๆ รวมถึงเมื่อผู้ใช้ต้องการแทรกสคริปต์ลงในหน้าเว็บ, สื่อสารระหว่างหน้าและพื้นหลัง, ข้าม CSP จาก...

ทำให้การตั้งค่าไปป์ไลน์ CI/CD เป็นอัตโนมัติ ใช้เมื่อตั้งค่าหรือปรับเปลี่ยนไปป์ไลน์การสร้างและการปรับใช้ ใช้เมื่อคุณต้องการทำให้เกตคุณภาพเป็นอัตโนมัติ กำหนดค่าตัวรันทดสอบใน CI หรือสร้างกลยุทธ์การปรับใช้

สถาปัตยกรรมโทเค็น ข้อกำหนดของคอมโพเนนต์ และการสร้างสไลด์ โทเค็นสามชั้น (พื้นฐาน→ความหมาย→คอมโพเนนต์) ตัวแปร CSS สเกลระยะห่าง/การพิมพ์ ข้อกำหนดของคอมโพเนนต์ การสร้างสไลด์เชิงกลยุทธ์ ใช้สำหรับโทเค็นการออกแบบ การออกแบบอย่างเป็นระบบ และการนำเสนอที่สอดคล้องกับแบรนด์

สร้างอินเทอร์เฟซผู้ใช้ที่สวยงามและเข้าถึงได้ด้วยคอมโพเนนต์ shadcn/ui (สร้างบน Radix UI + Tailwind), การจัดสไตล์แบบ utility-first ของ Tailwind CSS, และการออกแบบภาพบน canvas ใช้เมื่อสร้างอินเทอร์เฟซผู้ใช้, ใช้งานระบบออกแบบ, สร้างเลย์เอาต์ที่ตอบสนอง, เพิ่มคอมโพเนนต์ที่เข้าถึงได้ (dialog, dropdown, form, table), ปรับแต่งธีมและสี, ใช้งานโหมดมืด, สร้างการออกแบบภาพและโปสเตอร์, หรือสร้างรูปแบบการจัดสไตล์ที่สอดคล้องกันในแอปพลิเคชัน

เปลี่ยนเอเจนต์ให้เป็นสถาปนิกโซลูชันคลาวด์ตามแนวทางปฏิบัติที่ดีที่สุดของ Azure Architecture Center ใช้เมื่อออกแบบสถาปัตยกรรมคลาวด์ ตรวจสอบการออกแบบระบบ เลือกรูปแบบสถาปัตยกรรม ประยุกต์ใช้รูปแบบการออกแบบคลาวด์ ตัดสินใจเลือกเทคโนโลยี หรือดำเนินการทบทวนตามกรอบงาน Well-Architected Framework

ตรวจสอบการเปลี่ยนแปลงตั้งแต่จุดคงที่ (commit, branch, tag, หรือ merge-base) ตามสองแกน — มาตรฐาน (โค้ดเป็นไปตามมาตรฐานการเขียนโค้ดที่บันทึกไว้ใน repo นี้หรือไม่) และสเปก (โค้ดตรงกับสิ่งที่ issue/PRD ต้นทางกำหนดไว้หรือไม่) ดำเนินการตรวจสอบทั้งสองแบบใน sub-agents แบบขนานและรายงานผลเคียงข้างกัน ใช้เมื่อผู้ใช้ต้องการตรวจสอบ branch, PR, การเปลี่ยนแปลงที่กำลังดำเนินการ หรือขอให้ "ตรวจสอบตั้งแต่ X

ดำเนินการตรวจสอบโค้ดแบบหลายมิติ ใช้ก่อนการรวมการเปลี่ยนแปลงใดๆ ใช้เมื่อตรวจสอบโค้ดที่เขียนโดยตนเอง เอเจนต์อื่น หรือมนุษย์ ใช้เมื่อต้องการประเมินคุณภาพโค้ดในหลายมิติก่อนที่จะเข้าสู่สาขาหลัก

ทำให้โค้ดง่ายขึ้นเพื่อความชัดเจน ใช้เมื่อปรับโครงสร้างโค้ดเพื่อความชัดเจนโดยไม่เปลี่ยนพฤติกรรม ใช้เมื่อโค้ดทำงานได้แต่ยากต่อการอ่าน บำรุงรักษา หรือขยายความสามารถเกินความจำเป็น ใช้เมื่อตรวจสอบโค้ดที่สะสมความซับซ้อนที่ไม่จำเป็น

คำศัพท์ร่วมสำหรับการออกแบบโมดูลเชิงลึก ใช้เมื่อผู้ใช้ต้องการออกแบบหรือปรับปรุงอินเทอร์เฟซของโมดูล ค้นหาโอกาสในการทำให้ลึกขึ้น ตัดสินใจว่าจุดเชื่อมต่อควรอยู่ที่ไหน ทำให้โค้ดทดสอบได้ง่ายขึ้นหรือนำทางด้วย AI ได้ดีขึ้น หรือเมื่อทักษะอื่นต้องการคำศัพท์เกี่ยวกับโมดูลเชิงลึก

We need to translate the given text from English to Thai. The text describes a Codex Pet generator on RunComfy. It mentions building a spritesheet and pet.json from a reference image, placing it in a directory, and that Codex picks it up. It specifies dimensions and animation states. Also mentions calling OpenAI GPT Image 2. We must preserve product names, protocol names, URLs, numbers, technical terms. So "Codex Pet", "RunComfy", "Codex", "spritesheet.webp", "pet.json", "CODEX_HOME", "$HOME/.codex", "pets/", "1536x1872 PNG/WebP", "8 cols x 9 rows", "192x208 cells", "9 animation states", "idle", "running-right", "running-left", "waving", "jumping", "failed", "waiting", "running", "review", "OpenAI GPT Image 2" should remain as is or transliterated? The instruction says "preserve product names, protocol names

Codex Pet generator on RunComfy. Build a Codex-compatible Codex Pet spritesheet.webp + pet.json from a single reference image, drop it into `${CODEX_HOME:-$HOME/.codex}/pets/ /` and Codex picks it up as a custom Codex Pet next to the 8 built-ins. This skill produces the exact Codex Pet atlas Codex expects (1536x1872 PNG/WebP, 8 cols x 9 rows, 192x208 cells, 9 animation states — idle, running-right, running-left, waving, jumping, failed, waiting, running, review). Calls OpenAI GPT Image 2...

คู่มือสำหรับการนำการเรียนรู้ต่อเนื่องไปใช้ในเอเจนต์เขียนโค้ด AI — ฮุค การกำหนดขอบเขตหน่วยความจำ รูปแบบการสะท้อนผล ใช้เมื่อตั้งค่าโครงสร้างพื้นฐานการเรียนรู้สำหรับเอเจนต์

มาตรฐานการตั้งชื่อสาขา การตั้งชื่อ worktree และข้อความ commit ตามรูปแบบ Conventional Commits v1.0.0 สำหรับโปรเจกต์บน GitHub และ GitLab ใช้เมื่อสร้างสาขา ตั้งชื่อ worktree เขียน commit สร้างข้อความ commit ตรวจสอบรูปแบบสาขา หรือตั้งค่าระบบอัตโนมัติสำหรับ changelog ใช้เมื่อโปรเจกต์ของคุณต้องการประวัติ git ที่สอดคล้องกัน การเผยแพร่แบบ SemVer การสร้าง changelog ที่สามารถแยกวิเคราะห์ได้ หรือการปิด issue อัตโนมัติ เรียกใช้เมื่อผู้ใช้ถามถึงวิธีการตั้งชื่อ worktree สร้าง git worktree หรือ...

กำหนดเส้นทางคำขอ Convex ทั่วไปไปยังทักษะโปรเจกต์ที่ถูกต้อง ใช้เมื่อผู้ใช้ถามว่าควรใช้ทักษะ Convex ใดหรือให้งานแอป Convex ที่ไม่ระบุรายละเอียดชัดเจน

อ่านข้อมูลเชิงลึก 72 ชั่วโมงของการปรับใช้งาน Convex (ขีดจำกัดการอ่าน, การแย่งชิง OCC), หาสาเหตุของแต่ละเหตุการณ์ในโค้ด, รายงานผลการค้นพบด้านประสิทธิภาพ/ค่าใช้จ่ายที่มีหลักฐานประกอบพร้อมวิธีแก้ไข

สร้างส่วนประกอบ Convex ที่สามารถนำกลับมาใช้ใหม่ได้ โดยมีตารางที่แยกเป็นอิสระและ API ที่ใช้กับแอปพลิเคชัน ใช้สำหรับส่วนประกอบใหม่ โมดูลแบ็กเอนด์ที่ใช้ซ้ำได้ การผสานรวม หรืองานที่เกี่ยวข้องกับขอบเขตของส่วนประกอบ

ดึงเอกสาร Convex เวอร์ชันปัจจุบันสำหรับเวอร์ชันที่โปรเจกต์นี้ใช้ — ปักหมุดเวอร์ชันที่ติดตั้งไว้ ดึงหน้าเป็น markdown หรือตรวจสอบ types ใน node_modules ลำดับความสำคัญของความสดใหม่ — แทนที่จะเขียน API ที่อาจล้าสมัยจากความจำ

ไมเกรต schema และเติมข้อมูลย้อนหลังบนแอป Convex ที่ใช้งานแล้วโดยใช้ @convex-dev/migrations

ฝึกซ้อมการเปลี่ยนแปลง schema ของแอปจริงและการ backfill บน deployment แบบ preview ที่ seeded จาก snapshot ตรวจสอบความถูกต้อง แล้วเลื่อนการเปลี่ยนแปลงที่已验证ไปยัง prod โดยใช้ snapshot เป็นตัวสำรอง rollback

วางแผนการย้ายสคีมาและข้อมูลของ Convex ด้วย widen-migrate-narrow และ @convex-dev/migrations ใช้สำหรับการเปลี่ยนแปลงสคีมาที่ส่งผลกระทบ การเติมข้อมูลย้อนหลัง การปรับเปลี่ยนตาราง หรือการปรับใช้แบบไม่หยุดทำงาน

ตรวจสอบประสิทธิภาพของ Convex สำหรับการอ่าน การสมัครรับข้อมูล การแข่งขันในการเขียน และข้อจำกัดของฟังก์ชัน ใช้สำหรับฟีเจอร์ที่ช้า การค้นหาข้อมูลเชิงลึก ความขัดแย้งของ OCC หรือการขยายการอ่าน

สร้างหรือเพิ่ม Convex ลงในแอป ใช้สำหรับโปรเจกต์ Convex ใหม่, npm create convex@latest, การตั้งค่าฟร้อนท์เอนด์, ตัวแปรสภาพแวดล้อม, หรือการรัน npx convex dev ครั้งแรก

เพาะข้อมูลหรือนำเข้าข้อมูลลงในฐานข้อมูล Convex

ตั้งค่า Convex auth, การแมปข้อมูลประจำตัว และการควบคุมการเข้าถึง ใช้สำหรับการเข้าสู่ระบบ ผู้ให้บริการ auth ตารางผู้ใช้ ฟังก์ชันที่ได้รับการป้องกัน หรือบทบาทในแอป Convex

แนะนำ Convex component ที่ตรงกันเมื่อผู้ใช้สร้าง pattern ขึ้นมาเองซึ่งมันมีวิธีแก้ไขอยู่แล้ว (crons, sharded-counter, rate-limiter, storage, search, presence, workflow, RAG, prosemirror-sync) แบบ passive — แนะนำหลังจากทำงานเสร็จ ไม่ขัดจังหวะ ไม่ติดตั้งโดยไม่ได้รับความยินยอม

สร้างแอปพลิเคชันที่ขับเคลื่อนด้วย GitHub Copilot โดยใช้ Copilot SDK ใช้เมื่อสร้างการผสานรวมเชิงโปรแกรมกับ Copilot ผ่าน Node.js/TypeScript, Python, Go หรือ .NET ครอบคลุมการจัดการเซสชัน เครื่องมือที่กำหนดเอง การสตรีม ฮุค เซิร์ฟเวอร์ MCP ผู้ให้บริการ BYOK การคงเซสชัน เอเจนต์ที่กำหนดเอง สกิล และรูปแบบการปรับใช้ ต้องติดตั้ง GitHub Copilot CLI และมีการสมัครสมาชิก GitHub Copilot (เว้นแต่ใช้ BYOK)

ปรับปรุง Core Web Vitals (LCP, INP, CLS) เพื่อประสบการณ์หน้าเว็บที่ดีขึ้นและการจัดอันดับในการค้นหา ใช้เมื่อถูกขอให้ "ปรับปรุง Core Web Vitals", "แก้ไข LCP", "ลด CLS", "ปรับแต่ง INP", "ปรับปรุงประสบการณ์หน้าเว็บ" หรือ "แก้ไขการเลื่อนเค้าโครง

สร้าง pull request ใน warp repository สำหรับ branch ปัจจุบัน ใช้เมื่อผู้ใช้พูดถึงการเปิด PR, การสร้าง pull request, การส่งการเปลี่ยนแปลงเพื่อตรวจสอบ หรือการเตรียมโค้ดสำหรับ merge