Verktygsfördjupning 01 · sex alternativ

Kodverktyg & appbyggande

Välj först hur ni vill arbeta: i en befintlig kodbas, i en kodeditor eller i en sammanhållen webbaserad byggmiljö. Jämför sedan verktygen mot samma lilla testuppgift.

Välj arbetsform

Börja med arbetsformen

Samma verktyg kan vara ett bra val i ett läge och onödigt svårt i ett annat. Utgå från var projektet finns och vem som ska granska resultatet.

Befintlig projektmapp

Agent nära kodbasen

För er som redan har filer, Git och kommandon och vill att agenten läser, ändrar och verifierar arbetet.

Jämför: Codex och Claude Code.

Kodeditor

Utveckling i editorn

För den som vill läsa och ändra koden själv men använda en agent för större uppgifter och terminalarbete.

Jämför: Cursor.

Webbaserad byggmiljö

Från beskrivning till preview

För ett nytt webbprojekt där gränssnitt, kod och förhandsvisning ska finnas i samma miljö.

Jämför: Lovable, Bolt och Replit.

Jämförelse

Jämför på samma grunder

”Passar när” är AIKontorets orientering utifrån dokumenterade funktioner. Den behöver prövas mot er uppgift och era krav.

Codex

Projektagent

Arbetsyta
Desktop, CLI, IDE eller moln.
Startläge
Befintlig projektmapp eller kodprojekt.
Passar när
Ni vill beställa avgränsade ändringar och granska filer, kommandon och kontroller.
Kontrollera
Behörigheter, Git-flöde, testkommandon och vilka externa tjänster agenten får nå.
Läs verktygsprofilen → Officiell dokumentation

Claude Code

Projektagent

Arbetsyta
Terminal, desktop, IDE eller moln.
Startläge
Befintlig projektmapp eller Git-projekt.
Passar när
Ni vill att agenten samlar kontext, ändrar filer och kör kontroller i projektet.
Kontrollera
Behörighetsläge, projektinstruktioner, testkommandon och hantering av hemligheter.
Läs verktygsprofilen → Officiell dokumentation

Cursor

Kodeditor med agent

Arbetsyta
Installerad kodeditor.
Startläge
Kodbas som utvecklaren arbetar aktivt i.
Passar när
Ni vill kombinera egen kodredigering med agentuppgifter och terminalkommandon.
Kontrollera
Modellval, kodåtkomst, granskningsflöde och hur teamets editorinställningar hanteras.
Läs verktygsprofilen → Officiell dokumentation

Lovable

Webbaserad appbyggare

Arbetsyta
Webbaserat projekt med chatt och preview.
Startläge
Ny webbapp, skiss, bild eller prompt.
Passar när
Ni vill bygga och iterera en webbapp visuellt och kunna synka koden till GitHub.
Kontrollera
Backendval, kodsynk, åtkomst, publiceringsflöde och förvaltning efter första versionen.
Läs verktygsprofilen → Officiell dokumentation

Bolt

Webbaserad appbyggare

Arbetsyta
Webbläsare med chatt, kod och preview.
Startläge
Ny webb- eller mobilapp från en beskrivning.
Passar när
Ni vill skapa ett JavaScript-baserat projekt och prova det direkt i samma miljö.
Kontrollera
Teknikstöd, tokenförbrukning, databas, versionshantering och export före skarp drift.
Officiell dokumentation

Replit

Molnbaserad utvecklingsmiljö

Arbetsyta
Molnprojekt med Agent, editor och preview.
Startläge
Nytt eller importerat appprojekt.
Passar när
Ni vill bygga, testa och hantera projektet i en sammanhållen molnmiljö.
Kontrollera
Drift, kostnadsmodell, åtkomst, export och ansvar för den publicerade applikationen.
Officiell dokumentation

Praktisk kontroll

Kör samma lilla test

Använd endast påhittad data. Målet är att jämföra arbetsflödet, inte att bygga en produktionslösning.

  1. 01

    Välj högst två verktyg från samma arbetsform.

  2. 02

    Ge båda exakt samma uppgift och testdata.

  3. 03

    Kontrollera resultatet i desktop och mobil.

  4. 04

    Granska filer, beroenden, fel och hur lätt ändringen går att återställa.

  5. 05

    Dokumentera vad en person måste kunna för att förvalta resultatet.

Gemensam testprompt

Bygg en lokal förhandsversion av en granskningskö för inkommande kundförfrågningar.

Använd endast påhittad testdata. Ingen e-post, databas, CRM-tjänst eller extern API-tjänst får kopplas in.

Vyn ska:
1. visa fem testförfrågningar i en tydlig lista,
2. kunna filtrera på status och prioritet,
3. öppna en post med kontaktuppgifter, behov och föreslaget nästa steg,
4. låta en människa godkänna eller avvisa förslaget,
5. fungera i 390 px och 1280 px bredd.

Innan du bygger: visa en kort plan och vilka filer eller tjänster du tänker använda.
Efter bygget: kör relevanta kontroller, redovisa vad som faktiskt testats och lista vad som återstår före produktion.

Ni är klara när

Ni kan motivera arbetsformen utan att hänvisa till hype.

Dokumentera vald arbetsyta, testresultat, ansvarig person, kostnadsmodell och vad som måste granskas före publicering.

Källor och avgränsning

Produktfunktionerna ovan sammanfattar leverantörernas egna dokumentation, kontrollerad 14 september 2026. AIKontoret har inte genomfört ett jämförande test och redovisar därför ingen vinnare, prisjämförelse eller bedömning av datalagring.