Skills การพัฒนา

Execute Python code in a safe sandboxed environment via [inference.sh](https://inference.sh). Pre-installed: NumPy, Pandas, Matplotlib, requests, BeautifulSoup, Selenium, Playwright, MoviePy, Pillow, OpenCV, trimesh, and 100+ more libraries. Use for: data processing, web scraping, image manipulation, video creation, 3D model processing, PDF generation, API calls, automation scripts. Triggers: python, execute code, run script, web scraping, data analysis, image processing, video editing, 3D...

We need to translate the given text from English to Thai. The text describes a skill called "python-executor" but the instruction says not to include the name unless it appears in the source text. The name does appear in the source? Actually the source text starts with "Execute Python code..." and does not mention "python-executor" explicitly. The instruction says "Do not include the name unless it appears in the source text." The name is given in the context but not in the <text> block. So we should not add it. We need to preserve product names, protocol names, URLs, numbers, technical terms. So "Python", "NumPy", "Pandas", "Matplotlib", "requests", "BeautifulSoup", "Selenium", "Playwright", "MoviePy", "Pillow", "OpenCV", "trimesh", "inference.sh", "PDF" etc. should remain as is or transliterated? Usually technical terms like library names are kept in English. URLs are kept. Numbers like "100+" are kept. The text

เซสชัน QA แบบโต้ตอบที่ผู้ใช้รายงานบั๊กหรือปัญหาผ่านการสนทนา และเอเจนต์จะสร้าง Issue ใน GitHub สำรวจโค้ดเบสในเบื้องหลังเพื่อหาบริบทและภาษาของโดเมน ใช้เมื่อผู้ใช้ต้องการรายงานบั๊ก ทำ QA สร้าง Issue ผ่านการสนทนา หรือพูดถึง "เซสชัน QA

แนวทางปฏิบัติที่ดีที่สุดในการเพิ่มประสิทธิภาพ React และ Next.js จากทีมวิศวกรรมของ Vercel ควรใช้ทักษะนี้เมื่อเขียน ตรวจสอบ หรือปรับโครงสร้างโค้ด React/Next.js เพื่อให้แน่ใจว่ารูปแบบการทำงานมีประสิทธิภาพสูงสุด ทำงานเมื่อมีงานที่เกี่ยวข้องกับคอมโพเนนต์ React, หน้า Next.js, การดึงข้อมูล, การปรับแต่งบัณฑล หรือการปรับปรุงประสิทธิภาพ

Create React Flow node components with TypeScript types, handles, and Zustand integration. Use when building custom nodes for React Flow canvas, creating visual workflow editors, or implementing node-based UI components.

ใช้เมื่อผู้ใช้ต้องการแปล README ของ repository, ทำให้ repo รองรับหลายภาษา, แปลเอกสาร, เพิ่มตัวสลับภาษา, ทำให้ README เป็นสากล, หรืออัปเดต README เวอร์ชันภาษาต่างๆ ใน repository แบบ GitHub

สร้างเอกสาร HTML "readout" ที่สมบูรณ์แบบในตัวภายใต้ ~/.readouts (พร้อมหน้า index ที่ดูแลอัตโนมัติ) โดยการจับภาพผลลัพธ์ที่สะสมในการสนทนาปัจจุบัน หรือ — เมื่อเรียกใช้ครั้งแรก เช่น "/readout เกี่ยวกับวิธีการประมวลผลเหตุการณ์ webhook ของ GitHub" — โดยการปรับขอบเขตให้ชัดเจนด้วยคำถามที่ชี้แจงและค้นหา codebase ก่อนที่จะบันทึก การทำงานนี้ทำงานใน child agent เพื่อให้บริบทของการสนทนาหลักสะอาด ใช้เมื่อผู้ใช้เรียก /readout, พูดว่า...

ใช้เมื่อได้รับข้อเสนอแนะในการตรวจสอบโค้ด ก่อนที่จะนำข้อเสนอแนะไปปฏิบัติ โดยเฉพาะอย่างยิ่งหากข้อเสนอแนะนั้นดูไม่ชัดเจนหรือมีข้อสงสัยทางเทคนิค - ต้องใช้ความเข้มงวดทางเทคนิคและการตรวจสอบ ไม่ใช่การเห็นด้วยเพื่อแสดงออกหรือการนำไปปฏิบัติโดยไม่ไตร่ตรอง

อัปเกรดเว็บไซต์และแอปที่มีอยู่ให้มีคุณภาพระดับพรีเมียม ตรวจสอบการออกแบบปัจจุบัน ระบุรูปแบบ AI ทั่วไป และใช้มาตรฐานการออกแบบระดับสูงโดยไม่ทำให้ฟังก์ชันการทำงานเสียหาย ทำงานร่วมกับเฟรมเวิร์ก CSS หรือ CSS ธรรมดาได้

การจัดการกับคำบรรยายใน Remotion

แนวปฏิบัติที่ดีที่สุดสำหรับการเขียน Remotion React Markup

เรนเดอร์วิดีโอจากโค้ดคอมโพเนนต์ React/Remotion ผ่าน inference.sh ส่งโค้ด TSX รับไฟล์ MP4 รองรับ Remotion API ทั้งหมด: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence ปรับแต่งความละเอียด FPS ระยะเวลา และโค้ดแยกได้ ใช้สำหรับ: สร้างวิดีโอแบบโปรแกรม, กราฟิกแอนิเมชัน, การออกแบบโมชัน, วิดีโอที่ขับเคลื่อนด้วยข้อมูล, แปลง React แอนิเมชันเป็นวิดีโอ ทริกเกอร์: remotion, เรนเดอร์วิดีโอจากโค้ด, tsx เป็นวิดีโอ, react video, programmatic video, remotion render, code to video, animated...

เรนเดอร์วิดีโอจากโค้ดคอมโพเนนต์ React/Remotion ผ่าน inference.sh ส่งโค้ด TSX รับไฟล์ MP4 รองรับ API ทั้งหมดของ Remotion: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence ปรับแต่งความละเอียด FPS ระยะเวลา และโค้ดแยกได้ ใช้สำหรับ: การสร้างวิดีโอแบบโปรแกรม, กราฟิกแอนิเมชัน, การออกแบบโมชัน, วิดีโอที่ขับเคลื่อนด้วยข้อมูล, การแปลง React แอนิเมชันเป็นวิดีโอ ทริกเกอร์: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated...

เรนเดอร์วิดีโอจากโค้ดคอมโพเนนต์ React/Remotion ผ่าน inference.sh ส่งโค้ด TSX รับไฟล์ MP4 รองรับ Remotion API ทั้งหมด: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence ปรับแต่งความละเอียด FPS ระยะเวลา และโค้ดแยกได้ ใช้สำหรับ: การสร้างวิดีโอแบบโปรแกรม, กราฟิกแอนิเมชัน, การออกแบบโมชัน, วิดีโอที่ขับเคลื่อนด้วยข้อมูล, การแปลง React แอนิเมชันเป็นวิดีโอ ทริกเกอร์: remotion, เรนเดอร์วิดีโอจากโค้ด, tsx เป็นวิดีโอ, react video, programmatic video, remotion render, code to video, animated...

การสร้างแอปพลิเคชันวิดีโอด้วย Remotion - คำแนะนำเกี่ยวกับเฟรมเวิร์ก การเรนเดอร์ และ Player

แปลองค์ประกอบวิดีโอ Remotion (ที่ใช้ React) ที่มีอยู่ให้เป็นองค์ประกอบ HTML ของ HyperFrames ใช้เฉพาะเมื่อผู้ใช้ขอให้พอร์ต, แปลง, ย้าย, แปลภาษา, หรือเขียนองค์ประกอบ Remotion ใหม่เป็น HyperFrames อย่างชัดเจน (เช่น "พอร์ตโปรเจกต์ Remotion ของฉันไปยัง HyperFrames") ห้ามใช้เมื่อ (ก) กำลังสร้างองค์ประกอบ HyperFrames ใหม่ (แม้จะทดสอบ A/B กับวิดีโอ Remotion); (ข) มีการกล่าวถึง Remotion แบบผ่านๆ; (ค) มีการแชร์โค้ด Remotion เป็นข้อมูลอ้างอิง ไม่ใช่เพื่อการแปล; (ง) ผู้ใช้ต้องการ...

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

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

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

Resolve Git merge conflicts by extracting only unresolved paths, conflict hunks, and compact diffs instead of loading whole files into context. Use when a merge, rebase, cherry-pick, or stash pop stops on conflicts, when `git status` shows unmerged paths, or when files contain conflict markers.

ใช้เมื่อคุณต้องการแก้ไขข้อขัดแย้งในการรวม/รีเบส git ที่กำลังดำเนินอยู่

ตรวจสอบความแตกต่างของ pull request และเขียนข้อเสนอแนะที่มีโครงสร้างไปยัง review.json เพื่อให้เวิร์กโฟลว์เผยแพร่ ใช้เมื่อตรวจสอบ PR ที่เช็คเอาท์จากอาร์ติแฟกต์ในเครื่อง เช่น pr_diff.txt และ pr_description.txt และสร้างผลลัพธ์การตรวจสอบที่เครื่องอ่านได้แทนที่จะโพสต์ไปยัง GitHub โดยตรง

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

ใช้เมื่อต้องการกำหนดเส้นทาง Claude Code ผ่านพร็อกซี LiteLLM ในเครื่องไปยัง GitHub Copilot เพื่อลดค่าใช้จ่ายโดยตรงจาก Anthropic กำหนดค่า ANTHROPIC_BASE_URL หรือ ANTHROPIC_MODEL ที่ต้องการแทนที่ หรือแก้ไขปัญหาการตั้งค่าพร็อกซี Copilot ที่ล้มเหลว เช่น model-not-found, ไม่มีการรับส่งข้อมูล localhost, หรือข้อผิดพลาดการตรวจสอบสิทธิ์ GitHub 401/403

ทักษะ Rigor Debug / Rigor Audit สำหรับงานวิจัยการเรียนรู้เชิงลึก ใช้เมื่อผู้ใช้วาง traceback ข้อผิดพลาดในเทอร์มินัล CUDA OOM ความล้มเหลวในการโหลด checkpoint รูปร่างไม่ตรงกัน อาการ NaN loss หรือความล้มเหลวในการฝึก และต้องการการวินิจฉัยแบบอนุรักษ์นิยมก่อนการแก้ไขใดๆ โดยแยกการแก้ไขข้อบกพร่องออกจากส่วนสนับสนุนการวิจัยอย่างชัดเจน ห้ามใช้สำหรับการปรับโครงสร้างใหม่ในวงกว้าง การปรับเปลี่ยนเชิงคาดเดา การแก้ไขเชิงสำรวจอัตโนมัติ หรือการทำความคุ้นเคยกับ repository ทั่วไป

ดำเนินการพัฒนา "saga" แบบอัตโนมัติตามสเปกสำหรับฟีเจอร์ขนาดกลางถึงใหญ่ โดยใช้เอเจนต์ผู้ประสานงานและกลุ่มเอเจนต์ย่อยผู้ปฏิบัติงาน ใช้สกิลนี้เมื่อผู้ใช้เรียก /saga ขอให้สร้างฟีเจอร์ขนาดใหญ่แบบ end-to-end โดยอัตโนมัติโดยมีการแทรกแซงจากมนุษย์น้อยที่สุด ต้องการสเปกที่ครอบคลุมซึ่งแบ่งเป็น milestones และงานต่างๆ พร้อมเกณฑ์การตรวจสอบที่รัดกุมก่อนการดำเนินการแบบขนาน หรือต้องการให้ผู้ประสานงานมอบหมายการดำเนินการให้กับเอเจนต์ผู้ปฏิบัติงานในขณะที่รักษา...

วางแผน ดำเนินการ และตรวจสอบการย้ายข้อมูลจากระบบ CMS และระบบเนื้อหาอื่น ๆ มาสู่ Sanity ใช้เมื่อต้องการย้ายหรือเปลี่ยนแพลตฟอร์มไปยัง Sanity จาก AEM, Adobe Experience Manager, Contentful, Strapi, Webflow, WordPress, Payload, Drupal, ไฟล์ Markdown/MDX/frontmatter, การส่งออก WXR/XML, API ของ CMS, การดัมพ์ฐานข้อมูล, HTML แบบคงที่ หรือเมื่อออกแบบขั้นตอนการทำงานสำหรับการสกัด การแปลง การแปลง Portable Text การย้ายสินทรัพย์ การเปลี่ยนเส้นทาง การตรวจสอบความถูกต้อง และการตัดโอเวอร์

สร้างโครงสร้างไดเรกทอรีแบบฝึกหัดที่มีส่วนต่างๆ ปัญหา เฉลย และคำอธิบายที่ผ่านการตรวจสอบ linting ใช้เมื่อผู้ใช้ต้องการสร้างโครงร่างแบบฝึกหัด สร้างแบบฝึกหัดตัวอย่าง หรือตั้งค่าส่วนใหม่ของหลักสูตร

สแกน warpdotdev/warp และ warp-server เพื่อหา PRODUCT.md spec ที่เพิ่งถูก merge แต่ยังไม่มี docs PR ที่สอดคล้องใน warpdotdev/docs เมื่อพบ spec ที่สมบูรณ์ จะสร้าง draft PR สำหรับ docs ฉบับเต็มโดยอัตโนมัติและแท็กวิศวกร เมื่อ spec บางเกินไปที่จะร่างเอกสาร จะแจ้งวิศวกรโดยตรง ออกแบบมาให้ทำงานเป็น Oz ambient agent ตามกำหนดเวลา (เช่น ทุก 2-3 วัน) ใช้เมื่อตั้งค่า trigger สำหรับ docs อัตโนมัติหรือรันการตรวจสอบความครอบคลุมของ docs ด้วยตนเอง

เมื่อผู้ใช้ต้องการเพิ่ม แก้ไข หรือปรับแต่ง schema markup และ structured data บนเว็บไซต์ของตน รวมถึงเมื่อผู้ใช้พูดถึง "schema markup" "structured data" "JSON-LD" "rich snippets" "schema.org" "FAQ schema" "product schema" "review schema" "breadcrumb schema" "Google rich results" "knowledge panel" "star ratings in search" หรือ "add structured data" ให้ใช้ทุกครั้งที่มีคนต้องการให้หน้าเว็บแสดงผลลัพธ์ที่ดียิ่งขึ้นใน Google สำหรับปัญหา SEO ในวงกว้าง ให้ดูที่ seo-audit สำหรับ AI...