Agenter <3 prydliga skisser
Ja detta är väl inte en chock för någon. En bra skiss är den bästa prompten skulle man kunna säga. Vi rekommenderar att använda Figma till max för det är faktiskt Figma som gör den första översättningen av din design till kod. Auto-layout, variabler och komponenter är bra verktyg för att agenten ska kunna få så bra kontext som möjligt. Auto-layout kan skvallra om hur du vill att designen ska hantera responsivitet över olika skärmstorlekar. Variabler och komponenter kan bidra till att du får ut mer korrekt och snygg frontendkod i slutändan.
Agenter <3 begränsat scope
När agenten får för mycket information på samma gång gör hen det vi människor gör i samma sits: hen checkar ut. Även agenter har, förenklat, ett begränsat arbetsminne precis som vi människor. Det kombinerat med en vilja att tillfredsställa dig kan leda till att hen gör ut designen med en stor del improvisation. Lösningen på detta är att skära kakan i mindre bitar: istället för att ge agenten en hel landningssida, be hen förslagsvis att göra ut första hälften. Ju mindre del desto större är chansen att din agent orkar hela vägen fram.
Agenter <3 regler
Man kan lätt säga att agenter är ganska bra på att ta en kass brief och “just run with it”, lite som en ambitiös junior kollega. Här får du vara den vuxna i rummet och ge agenten vad den behöver och inte vad den vill ha. För agenter behöver tydliga instruktioner. Dessa formuleras enklast i ett instruktionsdokument (eller, om vi ska vara tekniska, en systemprompt). Ett instruktionsdokument är exakt vad det låter som: en text där du skriver vad agenten bör göra och inte göra. Det kan exempelvis vara “Färger hämtas från token – inte från Dribbble”. Hur man hanterar det skiljer sig mellan verktygen. I vissa verktyg får du prompta in det och i andra är det en ren textfil du lägger in bland filerna i ditt projekt.
En hand-off är en hand-off
Slutligen. Man brukar säga att AI-agenter inte är deterministiska. Och deterministisk är ett väldigt svårt ord, men det man menar är att samma prompt inte kommer leda till samma resultat. Det betyder också att en del av dina instruktioner kan agenten nonchalant skippa och ja, det kan uppstå både en oönskad skugga eller gradient på väl valda ställen. Precis som i en hand-off till en människa finns det ingen helt vattentät process. Man behöver prata sig igenom missförstånd, justera och försöka igen. Och ibland är det faktiskt just där det blir som bäst.
