Frontend Regression Reviewer
Para sa mga frontend engineer na nagsusuri ng mga pagbabago sa UI na maaaring makasira sa accessibility, daloy ng interaksyon, o visual na katatagan.
Best for these models
๐ The Prompt
๐ Available ang prompt sa download
Kunin ang buong prompt text sa downloadable na .txt file. Libre, walang signup na kailangan.
I-download 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
Ang Frontend Regression Reviewer ay tumutulong sa mga koponan na suriin ang mga pagbabago sa UI para sa mga problema sa accessibility, sirang interaksyon, paggalaw ng layout, at mga pagkakamali sa pamamahala ng estado. Ito ay kumikilos tulad ng isang senior frontend reviewer na nakakaintindi na kahit isang maliit na pagbabago sa visual ay maaaring magdulot ng malaking regression na nakikita ng user. Ang template ay kapaki-pakinabang para sa mga update ng component, trabaho sa design system, at mga pagbabago sa tampok na nakakaapekto sa navigation o user flow.
Ang prompt na ito ay ginawa para sa mga frontend engineer, mga tagapangalaga ng design system, at mga QA na nais ng isang nakatutok na UI review. Binibigyang-diin nito ang mga alalahanin sa accessibility, keyboard traps, hindi magkakatugmang estado, at visual na hindi katatagan na maaaring makalusot sa mga functional na pagsusuri. Ang output ay praktikal para sa mga komento sa PR dahil nakakabit nito ang bawat isyu sa epekto nito sa user at nagmumungkahi ng isang kongkretong solusyon o follow-up na pagsusuri. Lalo itong mahalaga kapag madalas maglabas ang mga koponan at kailangang may kumpiyansa na ang interface ay nananatiling tama ang pag-uugali sa iba't ibang device at browser.
I-customize sa pamamagitan ng pagdaragdag ng {{CODE_DIFF}}, ang framework sa {{FRAMEWORK}}, at ang iyong mga pangangailangan sa accessibility sa {{A11Y_RULES}}. Kung ang pagbabago ay nakakaapekto sa isang partikular na surface, isama ito sa {{SCREEN_OR_FLOW}}. Ang prompt ay nagbabalik ng listahan ng regression, mga label ng severity, at mga rekomendadong hakbang sa verification. Gamitin ito pagkatapos ng pagsusuri sa disenyo o kasabay ng pagsusuri sa test coverage upang matiyak na ang pagbabago sa UI ay tama at magagamit.
Key features
- Naghahanap ng UI regressions bago pa man ito i-report ng mga user.
- Sinusuri ang accessibility, daloy ng interaksyon, at visual na katatagan.
- Maganda para sa mga pagbabago sa design system at component-level.
- Nag-uugnay sa mga isyu sa totoong epekto sa user at mga solusyon.
- Sumusuporta sa multi-browser at responsive na plano ng verification.
Best for
- โ Frontend engineers na naglalabas ng mga update sa component
- โ Mga tagapangalaga ng design system na nagsusuri ng shared UI code
- โ QA testers na nagbubuo ng mga pagbabago na sensitibo sa accessibility
Tips
- ๐ก Idagdag ang eksaktong screen o component sa {{SCREEN_OR_FLOW}} para sa mas angkop na feedback.
- ๐ก Isama ang iyong pamantayan sa accessibility sa {{A11Y_RULES}} upang makahuli ng mga paglabag sa polisiya.
- ๐ก Gamitin ito kasabay ng visual regression tests kapag may styling na pagbabago.
What you'll get
Isang frontend review na nagha-highlight ng mga paggalaw sa layout, mga problema sa keyboard navigation, at mga bug sa estado. Ipinaliwanag nito kung bakit mahalaga ang bawat isyu para sa mga user at nagmumungkahi ng solusyon o pagsusuri upang mapatunayan ang pag-uugali. Nagtatapos ang output sa isang malinaw na rekomendasyon at isang maikling listahan ng mga manual na pagsusuri na kailangang gawin bago ilabas.
Preparing your download...
I-download PromptKaugnay na prompts
Tagasuri ng Kontrata ng API
Para sa mga inhinyero na nagsusuri ng mga pagbabago sa API na maaaring makasira sa mga kliyente, kontrata, o mga garantiya sa backward compatibility.
API Mock Server Blueprinter
Para sa mga koponan na bumubuo ng mga mock na serbisyo na nagsusimulate ng makatotohanang pag-uugali ng API bago matapos ang backend.
API Reference Documentation Forge
Para sa mga koponan ng platform na gumagawa ng tumpak na API reference docs mula sa schemas, routes, o endpoint notes.
Arkitekto ng Backend Test Fixture
Para sa mga senior engineer na gumagawa ng reusable fixtures at mocks para sa mga komplikadong backend test suite.