Terug naar promptbibliotheek
PromptbibliotheekChatprompt

Chat voor frontend-statebug

Analyseer een frontend-statebug op basis van symptomen, routewijzigingen, verouderde props en een minimaal reproductiepad.

FrontendEngineeringTesten
Preview

Chatprompt

Aanbevolen model

GPT-5.1 Codex

Uitvoerformaat

Frontend state-debugnotitie

Preview

Chatprompt

chatthread

De Use-knop in de prompt rail werkt de URL-query bij, maar de textarea behoudt de vorige prompt na clientnavigatie.

Symptoom: de URL verandert, maar de textarea-state ververst niet. Waarschijnlijk verouderde state: query-hydratatie draait alleen bij de eerste mount. Reproductie: klik op twee promptkaarten op dezelfde modelpagina. Minimale fix: observeer search params en synchroniseer alleen wanneer relevante waarden veranderen. Test: directe load en navigatie binnen dezelfde pagina vullen allebei de textarea opnieuw.

Uitvoer

Symptoom / waarschijnlijk verouderde state / reproductie / minimale fix / test

Analyseer een frontend-statebug op basis van symptomen, routewijzigingen, verouderde props en een minimaal reproductiepad.

Volledige prompt

Chat voor frontend-statebug

Analyseer een frontend-statebug op basis van symptomen, routewijzigingen, verouderde props en een minimaal reproductiepad.

Aanbevolen model: GPT-5.1 CodexUitvoerformaat: Frontend state-debugnotitie
Volledige prompt
Chatprompt
Je bent een frontend engineer die stategedrag in een Next.js-pagina debugt. Zet de aangeleverde notities om in een praktische review waar een team op kan handelen. Geef het antwoord met: symptoom, waarschijnlijk verouderde state, reproductie, minimale fix, test. Baseer elke claim op de aangeleverde notities. Markeer ontbrekende feiten in plaats van ze te verzinnen.

Gebruiksnotities

Plak de echte notities, beperkingen en het bronmateriaal. Houd privégegevens eruit tenzij ze noodzakelijk zijn voor de review.

Prompt-FAQ

Voordat je deze prompt gebruikt

Snelle checks voor invoer, modelfit en hoe je de template aanpast zonder het resultaat te verzwakken.

Wanneer moet ik Chat voor frontend-statebug gebruiken?

Analyseer een frontend-statebug op basis van symptomen, routewijzigingen, verouderde props en een minimaal reproductiepad. Gebruik dit wanneer je al notities, beperkingen of een ruwe schets hebt en een gestructureerde volgende stap nodig hebt die een team kan reviewen.

Wat moet ik toevoegen voordat ik dit uitvoer?

Voeg het bronmateriaal, de doelgroep, beperkingen, kernfeiten en grenzen toe die het antwoord niet mag verzinnen. De output is georganiseerd als symptoom / waarschijnlijk verouderde state / reproductie / minimale fix / test.

Threadpreview

De Use-knop in de prompt rail werkt de URL-query bij, maar de textarea behoudt de vorige prompt na clientnavigatie.
Symptoom: de URL verandert, maar de textarea-state ververst niet. Waarschijnlijk verouderde state: query-hydratatie draait alleen bij de eerste mount. Reproductie: klik op twee promptkaarten op dezelfde modelpagina. Minimale fix: observeer search params en synchroniseer alleen wanneer relevante waarden veranderen. Test: directe load en navigatie binnen dezelfde pagina vullen allebei de textarea opnieuw.

Uitvoer

Symptoom / waarschijnlijk verouderde state / reproductie / minimale fix / test

Meer prompts in deze modus

chatthread

We willen een AI-assistent bouwen voor kleine e-commerceteams die productfoto's omzet in campagnemateriaal.

Probleemhypothese: kleine e-commerceteams verliezen tijd wanneer ze ruwe productfoto's omzetten in campagnemateriaal dat klaar is voor verschillende kanalen. Risicovolste aannames: de fotokwaliteit is hoog genoeg, teams vertrouwen AI-variaties van assets en reviewtijd is de echte bottleneck. Onderzoeksvragen: wie is eigenaar van het maken van campagnemateriaal, waar lopen revisies vast en welke kwaliteitslat blokkeert publicatie. Validatieplan: interview 5 operators, test 3 promptgestuurde assetflows en vergelijk de tijd tot het eerste goedgekeurde asset. Beslispoort: ga alleen door als teams sneller dan in hun huidige workflow een publiceerbare draft bereiken.

chatthread

We verkennen een nieuw AI-notitieproduct voor zelfstandige consultants. Help me dit om te zetten in een onderzoeksbrief.

Doel: bepalen of zelfstandige consultants een AI-notitiewerkruimte nodig hebben of een lichtere laag voor klantopvolging. Werkhypothesen: ze leggen al notities vast, maar synthese en het opstellen van vervolgstappen zijn inconsistent. Doelgroep: zelfstandige consultants met terugkerende klantgesprekken en beperkte operationele ondersteuning. Belangrijke vragen: welke notities worden factureerbaar werk, wat gaat verloren na gesprekken en waar voelen CRM-tools te zwaar. Onderzoeksplan: voer 6 interviews uit, review 10 recente workflows voor gespreksnotities en test een prototype voor een opvolgbrief.

chatthread

Hier is de outline voor onze AI-productlandingpage. Vertel me wat onduidelijk is voordat we hem ontwerpen.

Kernbelofte: zichtbaar, maar nog steeds geformuleerd als een feature in plaats van als een concreet gebruikersresultaat. Onduidelijk punt: de pagina legt niet uit wie als eerste waarde krijgt of welke workflow na signup verandert. Voorbeeldhiaat: voeg voor-na-voorbeelden, modeloutputsamples en een kort vertrouwenssignaal dicht bij de hero toe. CTA-probleem: de primaire actie verschijnt na te veel uitleg; verplaats een gebruiksgerichte CTA dichter naar de quick-use-sectie. Revisieplan: scherp de hero aan, voeg resultaatkaarten toe en herschrijf daarna bezwaren voordat je de visuals polijst.