Chrome DevTools MCP server
Google właśnie zrobił coś dużego dla frontendowców i jest mega! 🚀 Chrome DevTools MCP to nowy sposób na współpracę AI z Twoim kodem — od podglądu DOM i stylów, po realne interakcje z przeglądarką. W tym odcinku nie tylko mówimy o DevTools MCP, ale pokazujemy też, jak uruchomić MCP w JetBrains IDE (choć działa też w innych edytorach i LLMach wspierających MCP).Zobacz dlaczego nowe MCP od Google Chrome to game-changer dla każdego frontend developera.💬 Daj znać w komentarzu, z jakim edytorem chcesz to połączyć!📎 Linki:• Artykuł o Chrome DevTools MCP: https://developer.chrome.com/blog/chrome-devtools-mcp
W dzisiejszym odcinku porozmawiamy o brakującym ogniwie vibecodingu, czyli najnowszym MCP DevToolsów od Chroma. Nazywam się Jakub Pawlak. Ja jestem Aleksander Lubych. A to Subiektywny Frontend. Ten odcinek możecie posłuchać na Spotify albo na Apple Podcast. Zaczynając. Chrome we wrześniu wypuścił super fajną rzecz, która przeszła moim zdaniem totalnie bez echa, czyli MCP do DevTools. Możecie teraz podpiąć swój ulubiony AI do tego, żeby kontrolała waszego Chroma. A co to znaczy? No to znaczy super fajne rzeczy, bo możecie z LLM-a Mieć dostęp do całego Chroma, czyli do logów, do networku, do performance'u.
Wcześniej trzeba było po prostu robić kopiuj-wklej tych konsol, logów, errorów i stack trace'ów do LLM, a teraz po prostu wystarczy go zapytać i on to wszystko ogarnie. Za was. Dokładnie. Czyli codzisz i tylko mówisz, co się dzieje, że to nie działa. Dokładnie. I on od razu wie, bo on tam widzi błędy. No właśnie, ty mu nawet już nie musisz mówić, co nie działa, bo on już wie. Tak. No mega fajna rzecz. I dzisiaj zrobimy sobie taki mały setupik, powiemy jak zasetupować to w JetBrainsie, bo do Visual Studio Code'a w zasadzie znajdziecie milion różnych tutoriali, a JetBrains... W sumie nie wiem kto jeszcze korzysta z Visual Studio Code'a. Ja? Wiemy, że jesteśmy podzieleni.
Pokazano wszystkie 2 dopasowania. Transkrypcja generowana automatycznie i niesprawdzana ręcznie — może zawierać błędy.
MCP odpowiada na właśnie tą potrzebę. Konfiguracja jest superprosta.
Rozdziały i streszczenia generowane automatycznie. Pełna transkrypcja nie jest publikowana — wyszukaj frazę, aby zobaczyć dopasowane fragmenty.
„MCP odpowiada na właśnie tą potrzebę. Konfiguracja jest superprosta."
Kliknij, aby znaleźć fragmenty, w których pada.
Google właśnie zrobił coś dużego dla frontendowców i jest mega! 🚀 Chrome DevTools MCP to nowy sposób na współpracę AI z Twoim kodem — od podglądu DOM i stylów, po realne interakcje z przeglądarką. W tym odcinku nie tylko mówimy o DevTools MCP, ale pokazujemy też, jak uruchomić MCP w JetBrains IDE (choć działa też w innych edytorach i LLMach wspierających MCP).
Zobacz dlaczego nowe MCP od Google Chrome to game-changer dla każdego frontend developera.
💬 Daj znać w komentarzu, z jakim edytorem chcesz to połączyć!
📎 Linki:
• Artykuł o Chrome DevTools MCP: https://developer.chrome.com/blog/chrome-devtools-mcp