Pemeriksa Regresi Frontend
Untuk insinyur frontend yang meninjau perubahan UI yang mungkin merusak aksesibilitas, alur interaksi, atau kestabilan visual.
Best for these models
๐ The Prompt
๐ Prompt tersedia dalam unduhan
Dapatkan teks prompt lengkap dalam file .txt yang dapat diunduh. Gratis, tanpa pendaftaran.
Unduh PromptVariables 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
Pemeriksa Regresi Frontend membantu tim memeriksa perubahan UI untuk masalah aksesibilitas, interaksi yang rusak, pergeseran tata letak, dan kesalahan pengelolaan status. Ini berperilaku seperti pemeriksa frontend senior yang memahami bahwa perubahan kecil secara visual tetap dapat menyebabkan regresi besar bagi pengguna. Template ini berguna untuk pembaruan komponen, pekerjaan sistem desain, dan perubahan fitur yang memengaruhi navigasi atau alur pengguna.
Prompt ini dibuat untuk insinyur frontend, pemelihara sistem desain, dan mitra QA yang menginginkan peninjauan UI yang fokus. Ia menyoroti kekhawatiran aksesibilitas, jebakan keyboard, status yang tidak konsisten, dan ketidakstabilan visual yang bisa lolos dari pengujian fungsional. Output-nya praktis untuk komentar PR karena mengaitkan setiap masalah dengan dampak pengguna dan menyarankan solusi konkret atau pemeriksaan lanjutan. Sangat berharga saat tim sering merilis dan membutuhkan kepercayaan bahwa antarmuka tetap berperilaku benar di berbagai perangkat dan browser.
Sesuaikan dengan menambahkan {{CODE_DIFF}}, kerangka kerja di {{FRAMEWORK}}, dan persyaratan aksesibilitas Anda di {{A11Y_RULES}}. Jika perubahan memengaruhi permukaan tertentu, sertakan di {{SCREEN_OR_FLOW}}. Prompt ini mengembalikan daftar regresi, label tingkat keparahan, dan langkah verifikasi yang disarankan. Gunakan setelah peninjauan desain atau bersama analisis cakupan pengujian untuk memastikan perubahan UI benar dan dapat digunakan.
Key features
- Menemukan regresi UI sebelum dilaporkan pengguna.
- Memeriksa aksesibilitas, alur interaksi, dan kestabilan visual.
- Bagus untuk perubahan sistem desain dan tingkat komponen.
- Menghubungkan masalah dengan dampak pengguna nyata dan solusi.
- Mendukung perencanaan verifikasi lintas browser dan responsif.
Best for
- โ Insinyur frontend yang merilis pembaruan komponen
- โ Pemelihara sistem desain yang meninjau kode UI bersama
- โ Penguji QA yang memvalidasi perubahan sensitif aksesibilitas
Tips
- ๐ก Tambahkan layar atau komponen tepat di {{SCREEN_OR_FLOW}} untuk umpan balik yang lebih relevan.
- ๐ก Sertakan standar aksesibilitas Anda di {{A11Y_RULES}} untuk menangkap pelanggaran kebijakan.
- ๐ก Gunakan bersama pengujian regresi visual saat perubahan gaya terlibat.
What you'll get
Sebuah tinjauan frontend yang menyoroti pergeseran tata letak, masalah navigasi keyboard, dan bug status. Menjelaskan mengapa setiap masalah penting bagi pengguna dan menyarankan solusi atau pengujian untuk memverifikasi perilaku. Output diakhiri dengan rekomendasi yang jelas dan daftar singkat pemeriksaan manual sebelum rilis.
Preparing your download...
Unduh PromptPrompts terkait
Analis Konsultasi Kontrak API
Untuk insinyur yang meninjau perubahan API yang dapat merusak klien, kontrak, atau jaminan kompatibilitas mundur.
API Mock Server Blueprinter
Untuk tim yang membangun layanan palsu yang mensimulasikan perilaku API yang realistis sebelum penyelesaian backend.
Dokumentasi Referensi API Forge
Untuk tim platform yang menghasilkan dokumentasi referensi API yang akurat dari skema, rute, atau catatan endpoint.
Arsitek Fixture Pengujian Backend
Untuk insinyur senior yang membuat fixture dan mock yang dapat digunakan kembali untuk rangkaian pengujian backend yang kompleks.