AnnotateTheWeb
Peg på det, der er galt, på et hvilket som helst website. Jeres team, eller jeres AI-agent, retter det.
En kommentar til en overskrift på et website i drift: noten viser elementet, og intet sendes, før man trykker Send
Feedback på et website siger sjældent hvor
Når et website først kører, er det redaktører, designere, testere og kunder, der har den mest brugbare feedback. De ser problemet tydeligt og beskriver det så i en mail.
“Prisen på shopsiden er forkert”
Hvilken side, hvilken pris, hvilken browser, og var der en fejl? Nogen skal finde ud af det, før det kan rettes, og en AI-agent kan ikke handle på det, før et menneske har oversat det.
Skærmbilleder taber detaljen
Et beskåret billede i Slack viser, hvad der så forkert ud, men ikke elementet, skærmstørrelsen eller den fejlede forespørgsel bag det.
Reviewere skal ikke have et udviklingsmiljø
Kunder og redaktører kigger på staging og produktion, ikke på jeres lokale build. Skal de installere værktøjer eller lære et ticketsystem, bliver de små ting aldrig meldt.
Klik, sig det, send det
Åbn AnnotateTheWeb på en side med Alt+Shift+A, med knappen i værktøjslinjen eller med Annotate-knappen på et site, der har scriptet. Hver note havner i jeres workspace med de detaljer, en udvikler eller en agent skal bruge for at finde det.
- Comment: klik på et element, og skriv, hvad der skal ændres
- Edit text: skriv teksten om direkte på siden; noten gemmes som den gamle og den nye tekst, en præcis diff
- Sketch: tegn cirkler, pile og frihånd på siden, med et skærmbillede nedenunder
- Virker på produktion, staging, localhost og sider, man er logget ind på
- Sidens adresse og det præcise element: dets selector og dets tekst
- Skærmstørrelse og scrollposition, og et skærmbillede, hvis man vil
- Op til 10 seneste fejl fra konsollen og 10 fejlede netværksforespørgsler
- En fælles indbakke til teamet, og svar og statusændringer vises som pins på siden
- En MCP-server på annotatetheweb.com/mcp: agenter lister noter, læser dem med skærmbillede, svarer og sætter status
- Én kommando i Claude Code, og samme URL og header til enhver anden MCP-klient
- Signerede webhooks ved alle nye noter, ændringer og svar, til jeres eget værktøj
- En agent ser kun sit eget workspace
- En Chrome-udvidelse til ethvert website; den gør intet, før man åbner den på en fane
- Et script til jeres egne sites: reviewere får et invitationslink og installerer intet, og andre besøgende ser intet
- Overlayet bor i en lukket shadow root og ændrer aldrig jeres side
- Intet indsamles, før man åbner overlayet, og intet sendes, før man trykker Send
Et kig indenfor
Edit text
Klik på teksten, skriv den om, hvor den står, og send. Noten indeholder den gamle og den nye tekst, så ingen skal skrive den af.
Sketch
Når en tegning er hurtigere end en sætning: cirkler, pile og frihånd, sendt med et skærmbillede af siden.
En fælles indbakke
Alle noter fra alle reviewere, filtreret på website og status, med elementet og skærmbilledet et klik væk.
Agenten svarer
En agent læser noten via MCP, retter koden, svarer i tråden og markerer den som færdig. Revieweren ser svaret på siden.
Bygget ud fra Redline
AnnotateTheWeb er vokset ud af Redline, vores open source-overlay til at give AI-agenter feedback inde i jeres egen udviklingsserver. Redline er til udvikleren, der bygger appen: det kører på ens egen maskine, kender kildefilen og linjen og gemmer noterne som markdown lige ved siden af koden.
Den feedback, der betyder mest, kommer tit senere, fra folk, der aldrig kører jeres udviklingsserver. AnnotateTheWeb tager den samme måde at pege på siden med ud på ethvert website, der kører et sted, til redaktører, designere, testere og kunder, og sender noterne til en hostet indbakke, som jeres agent kan læse via MCP. Samme udseende, samme boks og samme måde at knytte en note til et element på.
Se det på 75 sekunder
Eller prøv det uden at installere noget på demo-bageriet.
Kom i gang
- Opret et workspace på annotatetheweb.com. Det tager ét klik og kræver ingen tilmelding, og I får et workspace-token, som I deler med teamet.
- Åbn det på en side. Installér Chrome-udvidelsen, tryk Alt+Shift+A, og indsæt tokenet. Eller sæt scriptet fra dashboardet ind på et site, I selv ejer, og send reviewerne et invitationslink:
<script src="https://annotatetheweb.com/att.js" data-key="att_pk_..." async></script>- Forbind jeres agent. I Claude Code:
claude mcp add --transport http annotatetheweb https://annotatetheweb.com/mcp --header "Authorization: Bearer att_ws_..."Bed derefter agenten om at gå de åbne noter igennem.
Planer
Gratisplanen har det hele: udvidelsen, scriptet, MCP og webhooks, plads til 200 noter og 200 MB skærmbilleder. Noter gemmes i 7 dage efter seneste aktivitet, og et tomt workspace på gratisplanen slettes efter 30 dage uden brug.
Har et team brug for, at noterne bliver liggende, sætter vi efter aftale et permanent workspace op: intet udløber, medlemmerne logger ind med et personligt link, og gratisplanens grænser gælder ikke. Serveren kan også selvhostes efter aftale. Kontakt os, så sætter vi det op.