Ik weet niet hoe ik een UI-referentie moet vertalen naar een duidelijke, bruikbare prompt voor Cursor of Claude.

Deze functie helpt gebruikers bij het omzetten van een UI-referentie naar een duidelijke, gestructureerde prompt die ze in Cursor of Claude kunnen plakken. Het vermindert ambiguïteit en zorgt ervoor dat het model de juiste context, beperkingen en het gewenste uitvoerformaat ontvangt.

Deze functie begeleidt gebruikers bij het omzetten van een UI-referentie (zoals een screenshot, ontwerp-mockup of bestaande interface) naar een nauwkeurige, actiegerichte prompt voor Cursor of Claude. Het helpt gebruikers bij het identificeren van de belangrijkste elementen van de interface—lay-out, componenten, interacties, statussen en beperkingen—en deze uit te drukken in taal die een AI-model kan volgen. De functie moedigt het toevoegen van essentiële context aan, zoals doelplatform, tech-stack, toegankelijkheidsverwachtingen en responsief gedrag. Het biedt een gestructureerd promptformaat zodat gebruikers kunnen specificeren wat er gebouwd moet worden, wat er moet overeenkomen en wat flexibel gelaten kan worden. Het helpt gebruikers ook bij het beschrijven van randgevallen zoals laad-, lege, fout- en validatiestatussen om onvolledige resultaten te voorkomen. Door aannames te verduidelijken en acceptatiecriteria te definiëren, verbetert het de consistentie en bruikbaarheid van gegenereerde code of UI-instructies. Gebruikers kunnen dit toepassen bij het recreëren van een UI op basis van een referentie, het itereren op een bestaand ontwerp of het vragen om een stapsgewijs implementatieplan voor componenten. Het resultaat is een prompt die makkelijker te begrijpen en vollediger is, en die met grotere waarschijnlijkheid correcte, productieklare uitvoer genereert. Het is vooral nuttig voor gebruikers die niet zeker weten welke details het belangrijkst zijn bij het beschrijven van een UI aan een AI-assistent.