Jag vet inte hur jag översätter en UI-referens till en tydlig och användbar prompt för Cursor eller Claude.

Den här funktionen hjälper användare att omvandla en UI-referens till en tydlig, strukturerad prompt som kan klistras in i Cursor eller Claude. Det minskar tvetydighet och säkerställer att modellen får rätt kontext, begränsningar och önskat utdataformat.

Den här funktionen vägleder användare i att förvandla en UI-referens (t.ex. en skärmdump, designskiss eller ett befintligt gränssnitt) till en exakt och handlingsbar prompt för Cursor eller Claude. Den hjälper användare att identifiera nyckelelement i gränssnittet – layout, komponenter, interaktioner, tillstånd och begränsningar – och uttrycka dem på ett språk som en AI-modell kan följa. Funktionen uppmuntrar till att lägga till viktig kontext som målplattform, teknikstack, tillgänglighetskrav och responsivt beteende. Den tillhandahåller ett strukturerat promptformat så att användare kan specificera vad som ska byggas, vad som ska matchas och vad som kan lämnas flexibelt. Den hjälper även användare att beskriva specialfall som laddnings-, tomma-, fel- och valideringstillstånd för att undvika ofullständiga resultat. Genom att klargöra antaganden och definiera acceptanskriterier förbättras konsekvensen och användbarheten hos genererad kod eller UI-instruktioner. Användare kan använda den när de återskapar ett UI från en referens, itererar på en befintlig design eller ber om en komponent-för-komponent-implementeringsplan. Resultatet är en prompt som är lättare att förstå, mer komplett och mer sannolik att producera korrekt, produktionsklar kod. Den är särskilt användbar för användare som är osäkra på vilka detaljer som är viktigast när man beskriver ett UI för en AI-assistent.