Lập trình Intermediate User Prompt

Người xem xét Phục hồi Giao diện Người dùng (Frontend Regression Reviewer)

Dành cho kỹ sư frontend xem xét các thay đổi UI có thể gây mất khả năng truy cập, ảnh hưởng đến luồng tương tác hoặc ổn định hình ảnh.

💻
Rating
4.8
Difficulty
Intermediate
Format
User Prompt
Variables
4
Tải Prompt FREE

Best for these models

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

📋 The Prompt

User Prompt .txt

🔒 Prompt có sẵn trong tải xuống

Nhận toàn bộ nội dung prompt trong file .txt có thể tải xuống. Miễn phí, không cần đăng ký.

Tải 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

Người xem xét Phục hồi Giao diện Người dùng giúp các nhóm kiểm tra các thay đổi UI về vấn đề truy cập, tương tác bị hỏng, dịch chuyển bố cục và sai sót quản lý trạng thái. Nó hoạt động như một người xem xét frontend cấp cao hiểu rằng một thay đổi nhỏ về mặt hình ảnh vẫn có thể gây ra một sự phục hồi lớn cho người dùng. Mẫu này hữu ích cho cập nhật thành phần, công việc hệ thống thiết kế và các thay đổi tính năng ảnh hưởng đến điều hướng hoặc luồng người dùng.

Prompt này được xây dựng dành cho kỹ sư frontend, người duy trì hệ thống thiết kế và đối tác QA muốn có một đánh giá UI tập trung. Nó làm nổi bật các vấn đề về truy cập, bẫy bàn phím, trạng thái không nhất quán và sự không ổn định hình ảnh có thể bị bỏ qua trong kiểm thử chức năng. Kết quả phù hợp để bình luận PR vì nó liên kết từng vấn đề với ảnh hưởng đến người dùng và đề xuất giải pháp hoặc kiểm tra theo dõi cụ thể. Đặc biệt hữu ích khi các nhóm phát hành thường xuyên và cần đảm bảo giao diện hoạt động chính xác trên nhiều thiết bị và trình duyệt.

Tuỳ chỉnh bằng cách thêm {{CODE_DIFF}}, khung trong {{FRAMEWORK}}, và các yêu cầu truy cập của bạn trong {{A11Y_RULES}}. Nếu thay đổi ảnh hưởng đến một bề mặt cụ thể, hãy bao gồm nó trong {{SCREEN_OR_FLOW}}. Prompt trả về danh sách phục hồi, nhãn mức độ nghiêm trọng và các bước xác minh đề xuất. Sử dụng sau khi xem xét thiết kế hoặc cùng phân tích kiểm thử để đảm bảo thay đổi UI vừa chính xác vừa khả dụng.

Key features

  • Phát hiện phục hồi UI trước khi người dùng báo cáo.
  • Kiểm tra khả năng truy cập, luồng tương tác và độ ổn định hình ảnh.
  • Tuyệt vời cho các thay đổi hệ thống thiết kế và thành phần.
  • Liên kết các vấn đề với tác động thực tế đến người dùng và các giải pháp.
  • Hỗ trợ lập kế hoạch xác minh đa trình duyệt và phản hồi đáp ứng.

Best for

  • Kỹ sư frontend phát hành cập nhật thành phần
  • Người duy trì hệ thống thiết kế xem xét mã UI chia sẻ
  • Nhà kiểm thử QA xác nhận các thay đổi nhạy cảm về khả năng truy cập

Tips

  • 💡 Thêm chính xác màn hình hoặc thành phần trong {{SCREEN_OR_FLOW}} để nhận phản hồi phù hợp hơn.
  • 💡 Bao gồm tiêu chuẩn truy cập của bạn trong {{A11Y_RULES}} để phát hiện vi phạm chính sách.
  • 💡 Sử dụng cùng các kiểm thử phục hồi hình ảnh khi liên quan đến thay đổi kiểu dáng.

What you'll get

Một đánh giá frontend làm nổi bật dịch chuyển bố cục, vấn đề điều hướng bàn phím và lỗi trạng thái. Nó giải thích lý do từng vấn đề quan trọng đối với người dùng và đề xuất giải pháp hoặc kiểm thử để xác minh hành vi. Kết quả kết thúc bằng một đề xuất rõ ràng và danh sách kiểm tra thủ công ngắn để thực hiện trước khi phát hành.

Preparing your download...

Tải Prompt

Prompts liên quan