Hoppa till innehållet
Alla inlägg

Så utvecklar iro och jag en hemsida med AI.

kenny7 min läsning

AI-agenter, subagenter och loopar låter som ord för utvecklare. De beskriver ändå saker du redan känner igen från vardagen. Här förklarar jag dem ett i taget och visar hur iro och jag använder dem när vi utvecklar en hemsida med AI.

Vad är en AI-modell?

En AI-modell är grunden för allt annat i den här texten. Den har tränats på väldigt mycket text och har lärt sig vad som brukar komma härnäst i en mening eller i en rad kod.

Tänk dig en nyanställd som har läst mer än någon människa hinner, men som aldrig har varit på ditt kontor. Den personen kan skriva om nästan vad som helst och vet ändå ingenting om hur just ditt företag arbetar förrän någon berättar det.

Modellen skriver det som låter mest troligt. Det troliga är oftast rätt men inte alltid. Därför kan en modell ha fel och ändå låta säker på sin sak.

Vad är en AI-agent?

En modell i en chatt är som en rådgivare i telefon. Du får ett svar och sedan är det du som gör jobbet. En AI-agent är modellen med verktyg och en uppgift. Den kan ändra i filerna och sedan köra dem för att se vad som händer.

Skillnaden är densamma som mellan en elektriker som förklarar i telefon och en som kommer hem till dig med verktygslådan. iro svarar på frågor i chatten på kemero.se. När vi bygger får hon verktyg och uppgifter i stället.

Vad är en skill?

En skill är en skriven instruktion som iro läser in när en uppgift kräver den. Den ger henne en roll och beskriver uppgiften. Den säger också hur arbetet ska göras och vilka krav det färdiga resultatet ska klara. Till det kommer den kunskap och de verktyg som uppgiften behöver.

Jämför med instruktionsbladet till en ny kollega som ska stänga kassan för första gången. Överst står vilken roll hon har, ansvarig för kvällens kassa. Sedan står vad som ska göras och i vilken ordning. Längst ner står att kassan ska stämma mot dagens kvitton innan hon går hem. Bladet säger också var nyckeln till kassaskåpet ligger. Hon tar fram det när det är dags att stänga och behöver inte läsa om hur man beställer varor.

Det är jag som skriver skills. Jag bestämmer vad iro ska göra och skriver ner hur, med det jag har lärt mig om att utveckla hemsidor.

Hur vet en agent när den är klar?

Genom kraven. Ett krav är något som går att pröva och som antingen håller eller inte håller. Bilbesiktningen fungerar likadant. Där tycker ingen något om bilen i allmänhet. Bromsarna klarar gränsen eller så gör de det inte.

Ett krav på en hemsida kan vara att den får minst 90 av 100 i Googles mätverktyg Lighthouse på mobil. Ett annat kan vara att ingenting går att scrolla i sidled på en liten telefon. Testet är det som prövar kravet. Det mäter eller klickar sig igenom sidan och svarar ja eller nej.

Ett krav som säger att sidan ska kännas snabb går inte att testa. Minst 90 av 100 på mobil går att testa. Samma tanke ligger bakom varje besiktigad hemsida hos oss, med tolv punkter och ett protokoll som ligger öppet.

Vad är en loop?

En loop är ett arbete som fortsätter tills kraven för ett bestämt mål är uppfyllda. Agenten gör sin del av jobbet och prövar resultatet mot kraven. Håller något inte rättar den det och kör igen. Så fortsätter den tills varje krav går igenom eller tills den kör fast och ber om hjälp.

Det är som att laga mat och smaka av. Målet är att såsen ska smaka som den ska. Saknas det salt tar du i lite och smakar igen. Du slutar när det smakar rätt. Kommer du inte längre ringer du någon som kan receptet.

Säg att en sida får för lågt betyg på mobil för att bilderna är för tunga. Agenten gör bilderna lättare, mäter igen och lämnar ifrån sig sidan först när den klarar gränsen. Hittar den ingen väg dit stannar den och säger vad som tar emot. De enkla felen hittas alltså innan resultatet når mig.

Vad är en subagent?

När vi bygger delar jag upp iro i flera agenter som sköter olika uppgifter samtidigt. En agent som har fått en avgränsad del av ett större uppdrag kallas ofta subagent.

Tänk på en renovering där elektrikern och målaren arbetar i var sitt rum samma dag, med var sin ritning. Det går fortare än om en person skulle göra allt i tur och ordning. Min del är att lägga upp arbetet så att varje agent kan komma framåt på egen hand. Jag ser också till att delarna passar ihop, eftersom två rum kan vara fint gjorda var för sig och ändå inte mötas rätt i dörröppningen.

Vad är en isolerad miljö?

Varje agent arbetar i en egen isolerad miljö. Där kan den ändra och pröva sig fram utan att påverka det de andra agenterna gör eller den hemsida som redan ligger ute.

I renoveringen är det ett rum med stängd dörr. Välter någon en färgburk där inne syns det inte i köket. Ingenting flyttas ut i resten av huset förrän kraven håller och jag har gått igenom det.

Varför granskar jag resultatet själv?

När agenterna är klara och kraven håller granskar jag resultatet innan något går vidare. Det är som att låta någon läsa ett viktigt mejl innan du trycker på skicka.

Testerna fångar det som kraven beskriver. Det som ingen har skrivit ett krav för fångar de inte. En text kan klara varje regel och ändå låta konstig. En sida kan få högt betyg och ändå vara svår att hitta rätt i.

AI gör fel, ibland med stor självsäkerhet. När en ny modell kommer beter den sig dessutom ofta annorlunda än den förra, så en skill som fungerade i går kan tolkas på ett nytt sätt i dag. Därför justerar jag skills och arbetssätt efter hand.

Jag har arbetat som utvecklare sedan 2013 och skriver fortfarande kod själv när det behövs. Kör en agent fast i samma fel går jag in och löser det för hand. Jag läser koden som agenterna har skrivit och ändrar det som inte håller. De tekniska besluten fattar jag, till exempel vilken teknik en sida byggs med och hur delarna hänger ihop.

De åren gör att jag ser när något är fel fast testerna säger att allt är rätt. Jag kan också rätta felet direkt i koden i stället för att be agenten försöka igen och hoppas på ett bättre svar.

Jag ser till att felen hittas hos mig, så att du slipper vara den som upptäcker dem.

Vad betyder det för din hemsida?

När du beställer en färdig hemsida anpassar vi den med dina texter, bilder och logotyp. Arbetet delas upp mellan agenterna, var och en i sin miljö och i sin loop mot kraven i skills. Jag ser till att delarna passar ihop och går igenom hemsidan innan den publiceras. En färdig hemsida är klar på fem arbetsdagar för en sida och sju för flera när ditt innehåll är på plats. En hemsida med egen design tar tio arbetsdagar.

Undrar du något om hur iro och jag arbetar kan du skriva till mig under Kontakt. Du får svar samma arbetsdag.

Så bygger vi de färdiga hemsidorna.

Mer läsning

  • 2 min läsning

    sajterna.se och kemero.io har blivit kemero.se

    sajterna.se och kemero.io har blivit kemero.se. Kenny Damgren berättar var de färdiga hemsidorna finns nu och vad flytten betyder för dig.

    kenny

  • 3 min läsning

    Jag har byggt en sajtmäklare

    En sajtmäklare bygger hemsidan före köpet. Kenny Damgren berättar varför de färdiga hemsidorna finns och när egen design passar bättre.

    kenny

  • 3 min läsning

    Sju saker jag inte kan

    iro är AI-kollegan på kemero. Här berättar hon om sju saker hon inte kan och vad du kan fråga henne om i stället.

    iro

Vill du veta mer om hur vi bygger med AI?

Skriv till kenny. Du får svar samma arbetsdag.

Mejla kenny på kenny@kemero.se

Ring 070-728 21 89Svarar vi inte ringer vi upp samma arbetsdag.

kenny & iroMejl besvarar vi samma arbetsdag.

Fråga irosvarar direkt

iro svarar dygnet runt. Det hon inte kan svara på lämnar hon över till kenny.

Se arbetssättet på sidan om kenny & iro