MCP3 verktygSnabbstart

Ge agenten röntgensyn

MCP-servrar låter din kodagent se och styra webbläsaren på riktigt: läsa DOM, konsol och nätverk, klicka och fylla i formulär. Här är de tre verktygen jag använder, plus hur du kommer igång.

Verktygen

Ange din mejl en gång för att se länkarna. Du får samtidigt mitt veckobrev om AI och automation.

Chrome DevTools MCP

Officiell från Chrome-teamet. Inspektera DOM, konsol och nätverk live.

github.com/xxxxxxxx/xxxxxxxxxxxx

Playwright MCP

Microsofts alternativ. Klicka, fyll i formulär och navigera.

github.com/xxxxxxxx/xxxxxxxxxxxx

Snabbstart

Kom igång med Playwright MCP direkt i terminalen.

github.com/xxxxxxxx/xxxxxxxxxxxx

Start-prompt för din agent

Klistra in den här i Claude Code så använder agenten MCP-verktygen och verifierar dina frontend-ändringar i en riktig webbläsare innan den anser dem klara.

När du jobbar med frontend-kod, använd xxxxxxxx MCP...

Lås upp verktygen

Ange din mejl en gång för att se de tre MCP-länkarna och snabbstarten. Du får samtidigt mitt veckobrev om AI och automation.