Skills การพัฒนา

เขียนบทความเทคนิคและโพสต์บล็อกที่น่าสนใจสำหรับกลุ่มนักพัฒนา ใช้ทักษะนี้เมื่อผู้ใช้ขอให้เขียนโพสต์บล็อก บทความเทคนิค หรือเนื้อหาเทคนิคแบบยาว รวมถึงเมื่อผู้ใช้พูดว่า 'เขียนเกี่ยวกับ [หัวข้อเทคนิค]', 'ช่วยฉันร่างบทความ', 'เปลี่ยนสิ่งนี้เป็นโพสต์บล็อก', 'เขียนโพสต์เกี่ยวกับ', 'ฉันต้องการเผยแพร่บางอย่างเกี่ยวกับ' หรือพูดถึงการเขียนสำหรับกลุ่มนักพัฒนา ครอบคลุมกระบวนการทั้งหมด: การปรับปรุงแนวคิด การสร้างหัวข้อ/พาดหัวที่น่าสนใจ บทความ...

ใช้เมื่อกำลังปรับใช้ฟีเจอร์หรือแก้ไขข้อบกพร่อง ก่อนที่จะเขียนโค้ดการใช้งาน

แปลงข้อความเป็นเสียงพูดโดยใช้ ElevenLabs voice AI ใช้เมื่อ

เปลี่ยนแนวคิดคร่าวๆ ให้เป็นแผนที่ได้รับการอนุมัติและสมบูรณ์พร้อมการตัดสินใจ โดยมีโครงสร้างที่ตรวจสอบแล้วก่อนเริ่มเขียนโค้ด ใช้เมื่อผู้ใช้ขอ 出方案/给方案/深入分析/怎么设计/有没有必要/值不值得/plan this/how should I/should we keep this สำหรับฟีเจอร์ สถาปัตยกรรม หรือการตัดสินคุณค่า ไม่ใช่สำหรับแก้บั๊กหรือแก้ไขเล็กน้อย

แยกแผน ข้อกำหนด หรือ PRD ออกเป็นประเด็นที่สามารถหยิบไปทำได้อย่างอิสระบนตัวติดตามประเด็นของโปรเจกต์ โดยใช้แนวทาง tracer-bullet vertical slices ใช้เมื่อผู้ใช้ต้องการแปลงแผนเป็นประเด็น สร้างตั๋วสำหรับการดำเนินงาน หรือแบ่งงานออกเป็นประเด็นย่อย

เปลี่ยนบริบทการสนทนาปัจจุบันเป็น PRD และเผยแพร่ไปยังตัวติดตามปัญหาของโปรเจกต์ ใช้เมื่อผู้ใช้ต้องการสร้าง PRD จากบริบทปัจจุบัน

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

แยกแผน ข้อกำหนด หรือการสนทนาปัจจุบันออกเป็นชุดของตั๋น tracer-bullet โดยแต่ละใบประกาศขอบเขตการบล็อกของตัวเอง เผยแพร่ไปยังตัวติดตามที่กำหนดค่าไว้ — ขอบเขตเป็นข้อความในไฟล์เดียวต่อตั๋วในเครื่อง หรือลิงก์บล็อกแบบเนทีฟบนตัวติดตามจริง

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

ตั้งค่า Cloudflare Turnstile แบบครบวงจรในโปรเจกต์ — สแกนโค้ดเบส สร้างวิดเจ็ตผ่าน Cloudflare API ปรับใช้ Worker สำหรับ siteverify ที่จัดการเอง เขียนสคริปต์ส่วนหน้า ตรวจสอบความถูกต้อง และบันทึกสกิล เรียกใช้เมื่อผู้ใช้ขอให้เพิ่ม Turnstile ตั้งค่า CAPTCHA ป้องกันฟอร์มจากบอท หรือแก้ไขการผสานรวม Turnstile อ้างอิงจาก developers.cloudflare.com/turnstile/spin

เชี่ยวชาญระบบประเภทขั้นสูงของ TypeScript รวมถึง generics, conditional types, mapped types, template literals และ utility types สำหรับสร้างแอปพลิเคชันที่ปลอดภัยด้านประเภท ใช้เมื่อต้องใช้ตรรกะประเภทที่ซับซ้อน สร้างยูทิลิตี้ประเภทที่ใช้ซ้ำได้ หรือรับประกันความปลอดภัยของประเภทในเวลาคอมไพล์ในโปรเจกต์ TypeScript

Use when the user needs to create, extract, flatten, list, test, install, script, or troubleshoot `tzst` CLI workflows for `.tzst` or `.tar.zst` archives, including compression levels, streaming mode, extraction filters, conflict resolution, JSON output, or standalone binary setup, even if they describe the archive task without naming `tzst`.

แยกอภิธานศัพท์ภาษาสากลแบบ DDD จากการสนทนาปัจจุบัน ระบุความคลุมเครือและเสนอคำศัพท์มาตรฐาน บันทึกไปยัง UBIQUITOUS_LANGUAGE.md ใช้เมื่อผู้ใช้ต้องการกำหนดคำศัพท์เฉพาะโดเมน สร้างอภิธานศัพท์ ปรับปรุงคำศัพท์ให้แข็งแกร่ง สร้างภาษาสากล หรือกล่าวถึง "domain model" หรือ "DDD

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

ปัญญาการออกแบบ UI/UX สำหรับเว็บและมือถือ ประกอบด้วยสไตล์มากกว่า 50 แบบ จานสี 161 ชุด การจับคู่ฟอนต์ 57 แบบ ประเภทผลิตภัณฑ์ 161 ประเภท แนวทาง UX 99 ข้อ และประเภทแผนภูมิ 25 แบบ ใน 10 สแต็ก (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui และ HTML/CSS) การดำเนินการ: วางแผน, สร้าง, สร้างสรรค์, ออกแบบ, ดำเนินการ, ตรวจสอบ, แก้ไข, ปรับปรุง, เพิ่มประสิทธิภาพ, เสริม, ปรับโครงสร้าง และตรวจสอบโค้ด UI/UX โปรเจกต์: เว็บไซต์, แลนดิ้งเพจ, แดชบอร์ด, แผงผู้ดูแล, อีคอมเมิร์ซ, SaaS, พอร์ตโฟล

สร้างหรืออัปเดตสกิลโดยการสร้าง แก้ไข หรือปรับปรุงไฟล์ SKILL.md ในพื้นที่เก็บนี้ ใช้เมื่อเขียนสกิลใหม่หรือปรับปรุงโครงสร้าง ข้อมูลนำหน้า หรือคำแนะนำสำหรับสกิลที่มีอยู่

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

ใช้เมื่อเริ่มทำงานฟีเจอร์ที่ต้องการแยกจากพื้นที่ทำงานปัจจุบัน หรือก่อนดำเนินการตามแผนการนำไปใช้งาน - ช่วยให้แน่ใจว่ามีพื้นที่ทำงานที่แยกออกมาอย่างสมบูรณ์ผ่านเครื่องมือดั้งเดิมหรือการสำรองด้วย git worktree

ใช้เมื่อเริ่มการสนทนาใดๆ - สร้างวิธีการค้นหาและใช้สกิล โดยต้องเรียกใช้เครื่องมือ Skill ก่อนการตอบกลับใดๆ รวมถึงคำถามเพื่อความกระจ่าง

ตรวจสอบว่าการใช้งานใน branch หรือ pull request ตรงกับข้อกำหนดด้านผลิตภัณฑ์ เทคนิค ความปลอดภัย และข้อกำหนดที่เกี่ยวข้อง ใช้เมื่อตรวจสอบหรือเสร็จสิ้นการเปลี่ยนแปลงที่ขับเคลื่อนด้วยข้อกำหนด และแก้ไขความไม่สอดคล้องระหว่างข้อกำหนดที่เช็คอินและการใช้งาน

ใช้สำหรับปรับต้นทุนและประสิทธิภาพของ Vercel ในโปรเจกต์ที่ deploy แล้ว โดยเฉพาะ Next.js, SvelteKit, Nuxt และแอป Astro ที่มีข้อจำกัด เก็บข้อมูลเมตริก การใช้งาน การตั้งค่าโปรเจกต์ และผลสแกนโค้ดของ Vercel ก่อน จากนั้นตรวจสอบเฉพาะตัวเลือกที่มีข้อมูลเมตริกรองรับ แล้วจัดลำดับคำแนะนำที่อ้างอิงจากไฟล์ที่ยืนยันแล้วและเอกสาร Vercel/เฟรมเวิร์กที่อิงเวอร์ชัน เรียกใช้เมื่อต้องการลดค่าใช้จ่าย Vercel, เส้นทางที่ช้าหรือแพง, โอกาสในการแคช, Function Invocations, Build Minutes, Fast Data Transfer, Core...

ใช้เมื่อกำลังจะยืนยันว่างานเสร็จสมบูรณ์ แก้ไขแล้ว หรือผ่านเกณฑ์ ก่อนที่จะคอมมิตหรือสร้าง PR - ต้องรันคำสั่งตรวจสอบและยืนยันผลลัพธ์ก่อนที่จะอ้างว่าสำเร็จเสมอ ต้องมีหลักฐานก่อนการยืนยันเสมอ

เฟรมเวิร์กการทดสอบหน่วยความเร็วสูง Vitest ที่ขับเคลื่อนโดย Vite พร้อม API ที่เข้ากันได้กับ Jest ใช้เมื่อเขียนทดสอบ, สร้างม็อก, กำหนดค่าความครอบคลุม, หรือทำงานกับการกรองการทดสอบและฟิกซ์เจอร์

วางแผนงานชิ้นใหญ่ — มากกว่าที่เอเจนต์เซสชันเดียวจะรองรับได้ — เป็นแผนที่ร่วมของตั๋วการสืบสวนบนตัวติดตามปัญหาของคุณ และแก้ไขทีละรายการจนกว่าเส้นทางไปยังจุดหมายจะชัดเจน

ตรวจสอบโค้ด UI เพื่อให้สอดคล้องกับ Web Interface Guidelines ใช้

การตรวจสอบคุณภาพเว็บอย่างครอบคลุม ครอบคลุมประสิทธิภาพ การเข้าถึง SEO และแนวทางปฏิบัติที่ดีที่สุด ใช้เมื่อถูกขอให้ "ตรวจสอบเว็บไซต์ของฉัน" "ตรวจสอบคุณภาพเว็บ" "รัน Lighthouse audit" "ตรวจสอบคุณภาพหน้าเว็บ" หรือ "ปรับปรุงเว็บไซต์ของฉัน

ชุดเครื่องมือสำหรับโต้ตอบและทดสอบเว็บแอปพลิเคชันในเครื่องโดยใช้ Playwright รองรับการตรวจสอบฟังก์ชันการทำงานของฟรอนต์เอนด์ การดีบักพฤติกรรมของ UI การจับภาพหน้าจอเบราว์เซอร์ และการดูบันทึกของเบราว์เซอร์ สิทธิ์การใช้งาน: ข้อกำหนดทั้งหมดอยู่ใน LICENSE.txt

สร้างวิซาร์ด bash แบบโต้ตอบที่แนะนำมนุษย์ผ่านขั้นตอนการดำเนินการด้วยตนเอง — การตั้งค่าบุคคลที่สาม, การย้ายข้อมูลครั้งเดียว, การเปลี่ยนสถานะ A→B — เปิด URL, จับค่า, ยืนยันแต่ละขั้นตอน, และเขียนไฟล์ .env และความลับของ GitHub Actions

เขียน PRODUCT.md spec สำหรับฟีเจอร์สำคัญที่ผู้ใช้มองเห็นได้ใน Warp โดยเน้นที่พฤติกรรมโดยละเอียดและการตรวจสอบความถูกต้อง ใช้เมื่อผู้ใช้ขอ spec ผลิตภัณฑ์ เอกสารพฤติกรรมที่ต้องการ หรือ PRD ต้องการกำหนดพฤติกรรมของฟีเจอร์ก่อนการนำไปใช้งาน หรือเมื่อฟีเจอร์มีความสำคัญหรือพฤติกรรมคลุมเครือเพียงพอที่ spec ที่เป็นลายลักษณ์อักษรจะช่วยปรับปรุงการนำไปใช้งานหรือการตรวจสอบ

เขียนข้อกำหนดทางเทคนิค (TECH.md) สำหรับฟีเจอร์สำคัญของ Warp หลังจากศึกษาฐานโค้ดปัจจุบันและข้อจำกัดในการนำไปใช้งาน ใช้เมื่อผู้ใช้ขอข้อกำหนดทางเทคนิค แผนการนำไปใช้งาน หรือเอกสารสถาปัตยกรรมที่เชื่อมโยงกับข้อกำหนดผลิตภัณฑ์