Jeg vet ikke hvordan jeg oversetter en UI-referanse til en tydelig, brukbar prompt for Cursor eller Claude.

Denne funksjonen hjelper brukere med å konvertere en UI-referanse til en tydelig, strukturert prompt som de kan lime inn i Cursor eller Claude. Den reduserer tvetydighet og sikrer at modellen mottar riktig kontekst, begrensninger og ønsket utdataformat.

Denne funksjonen veileder brukere i å gjøre en UI-referanse (som et skjermbilde, en designskisse eller et eksisterende grensesnitt) om til en presis, handlingsorientert prompt for Cursor eller Claude. Den hjelper brukere med å identifisere nøkkelelementene i grensesnittet – layout, komponenter, interaksjoner, tilstander og begrensninger – og uttrykke dem på et språk en AI-modell kan følge. Funksjonen oppfordrer til å legge til viktig kontekst som målplattform, teknologistabel, tilgjengelighetskrav og responsiv oppførsel. Den gir et strukturert prompt-format slik at brukere kan spesifisere hva som skal bygges, hva som skal samsvare, og hva som kan være fleksibelt. Den hjelper også brukere med å beskrive spesialtilfeller som lasting, tomme tilstander, feil og valideringstilstander for å unngå ufullstendige resultater. Ved å avklare antakelser og definere akseptansekriterier, forbedres konsistensen og brukervennligheten til generert kode eller UI-instruksjoner. Brukere kan bruke den når de gjenskaper et brukergrensesnitt fra en referanse, itererer på et eksisterende design, eller ber om en komponent-for-komponent implementeringsplan. Resultatet er en prompt som er lettere å forstå, mer komplett, og mer sannsynlig å produsere korrekt, produksjonsklar kode. Den er spesielt nyttig for brukere som er usikre på hvilke detaljer som betyr mest når man beskriver et brukergrensesnitt til en AI-assistent.