การเขียนโค้ด Intermediate User Prompt

ผู้ตรวจสอบการทดสอบย้อนกลับของ Frontend

สำหรับวิศวกร frontend ที่ตรวจสอบการเปลี่ยนแปลง UI ที่อาจทำให้การเข้าถึง, กระแสการโต้ตอบ, หรือความเสถียรภาพทางสายตาเสียหาย

💻
Rating
4.8
Difficulty
Intermediate
Format
User Prompt
Variables
4
ดาวน์โหลด Prompt FREE

Best for these models

Gemini 3.1 Pro Claude Sonnet 4.6 ChatGPT (GPT-5.4)

📋 The Prompt

User Prompt .txt

🔒 Prompt อยู่ในไฟล์ดาวน์โหลด

รับข้อความ prompt ฉบับเต็มในไฟล์ .txt ที่สามารถดาวน์โหลดได้ ฟรี ไม่ต้องสมัครสมาชิก

ดาวน์โหลด Prompt

Variables to fill in

{{CODE_DIFF}} — Replace with your input
{{FRAMEWORK}} — Replace with your input
{{A11Y_RULES}} — Replace with your input
{{SCREEN_OR_FLOW}} — Replace with your input

About this prompt

ผู้ตรวจสอบการทดสอบย้อนกลับของ Frontend ช่วยให้ทีมตรวจสอบการเปลี่ยนแปลง UI สำหรับปัญหาการเข้าถึง, การโต้ตอบที่เสียหาย, การเปลี่ยนตำแหน่งเลย์เอาต์, และข้อผิดพลาดในการจัดการสถานะ มันทำงานเหมือนกับผู้ตรวจสอบ frontend ระดับอาวุโสที่เข้าใจว่าการเปลี่ยนแปลงเล็กน้อยทางสายตาสามารถสร้างการทดสอบย้อนกลับที่สำคัญสำหรับผู้ใช้ได้ เทมเพลตนี้มีประโยชน์สำหรับการอัปเดตคอมโพเนนต์ งานระบบออกแบบ และการเปลี่ยนแปลงคุณสมบัติที่ส่งผลต่อการนำทางหรือกระแสผู้ใช้

Prompt นี้สร้างขึ้นสำหรับวิศวกร frontend, ผู้ดูแลระบบออกแบบ, และพันธมิตร QA ที่ต้องการ การตรวจสอบ UI ที่เน้นจุดสำคัญ มันเน้นปัญหาการเข้าถึง, กับดักคีย์บอร์ด, สถานะที่ไม่สอดคล้องกัน, และความไม่เสถียรทางสายตาที่อาจหลุดพ้นจากการทดสอบด้านฟังก์ชัน ผลลัพธ์เป็นประโยชน์สำหรับความคิดเห็น PR เพราะมันเชื่อมโยงแต่ละปัญหาเข้ากับผลกระทบต่อผู้ใช้และแนะนำแนวทางแก้ไขหรือการตรวจสอบตามลำดับ มันมีคุณค่าสูงเมื่อทีมปล่อยอัปเดตบ่อยครั้งและต้องการความมั่นใจว่าอินเทอร์เฟซยังคงทำงานได้อย่างถูกต้องในอุปกรณ์และเบราว์เซอร์ทุกชนิด

ปรับแต่งโดยเพิ่ม {{CODE_DIFF}}, เฟรมเวิร์กใน {{FRAMEWORK}}, และข้อกำหนดด้านการเข้าถึงใน {{A11Y_RULES}} หากการเปลี่ยนแปลงส่งผลต่อพื้นผิวเฉพาะ ให้รวมไว้ใน {{SCREEN_OR_FLOW}} Prompt นี้จะส่งคืนรายการการทดสอบย้อนกลับ, ป้ายระดับความรุนแรง, และขั้นตอนการตรวจสอบที่แนะนำ ใช้หลังจากการตรวจสอบการออกแบบหรือร่วมกับการวิเคราะห์ครอบคลุมการทดสอบเพื่อให้แน่ใจว่าการเปลี่ยนแปลง UI ถูกต้องและใช้งานได้จริง

Key features

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

Best for

  • วิศวกร frontend ที่ปล่อยอัปเดตคอมโพเนนต์
  • ผู้ดูแลระบบออกแบบที่ตรวจสอบโค้ด UI ที่ใช้ร่วมกัน
  • ผู้ทดสอบ QA ที่ตรวจสอบการเปลี่ยนแปลงที่เกี่ยวข้องกับความสามารถในการเข้าถึง

Tips

  • 💡 เพิ่มพื้นผิวหรือคอมโพเนนต์ใน {{SCREEN_OR_FLOW}} เพื่อรับคำติชมที่เกี่ยวข้องมากขึ้น
  • 💡 รวมมาตรฐานการเข้าถึงของคุณใน {{A11Y_RULES}} เพื่อจับการละเมิดนโยบาย
  • 💡 ใช้ร่วมกับการทดสอบการทดสอบย้อนกลับทางสายตาเมื่อมีการเปลี่ยนแปลงสไตล์

What you'll get

การตรวจสอบ frontend ที่เน้นการเปลี่ยนตำแหน่งเลย์เอาต์, ปัญหาการนำทางด้วยคีย์บอร์ด, และบั๊กสถานะ มันอธิบายว่าทำไมแต่ละปัญหาถึงสำคัญสำหรับผู้ใช้และแนะนำแนวทางแก้ไขหรือการทดสอบเพื่อยืนยันพฤติกรรม ผลลัพธ์จบด้วยคำแนะนำชัดเจนและรายการตรวจสอบด้วยตนเองสั้น ๆ ก่อนปล่อย

Preparing your download...

ดาวน์โหลด Prompt

Prompts ที่เกี่ยวข้อง