Qoder sve jači, Browser Use podiže sposobnost Agent-a za povezivanje na internet na maksimum.
U poslednje vreme evolucija Qoder porodice proizvoda sve više raduje!
Naročito funkcija Browser Use, koja Agent-u podiže sposobnost povezivanja na internet do maksimuma.
Prvo, rane verzije Qoder-a su već imale ugrađen pregledač i podršku za developer režim i odabir elemenata.
Drugo, instalacijom Chrome Devtools MCP u Qoder, za operacije pregledača koje ne zahtevaju prijavu veoma je zgodno.
Treće, instalacijom Chrome ekstenzije QoderWork, Agent upravlja pregledačem kao vi. Potpuno isto kao čovek.
Gornja slika je QoderWork koji automatski u mom Chrome-u otvara admin stranicu tehničke strane i radi za mene test ElasticSearch pretrage po ključnoj reči[attention mechanism].
Važnije: QoderWork for Chrome ne služi samo za testiranje rezultata koda, nego i za koordinaciju više Agenata pri paralelnom testiranju kompleksnih scenarija web interakcije, naročito za višekorisničke / više-na-mreži aplikacije gde je ručno testiranje komplikovano.
Snimio sam ekran, možete osetiti — prilično moćno.
[Screen recording]
Metod instalacije, iskustvo korišćenja i prompt-ovi koje ću takođe podeliti. Prateći moje korake, i vi možete iskovati jedan od onih AI Hot sajtova.
U fazi istraživanja QoderWork for Chrome dodatak može neograničeno da otvara tabove, haha.
01. Instalacija QoderWork Chrome dodatka
Četiri koraka.
Prvi korak — posetite Chrome web prodavnicu, pretražite QoderWork Browser Connector, ili direktno otvorite ovaj link:
https://chromewebstore.google.com/detail/qoderwork-browser-connect/gblapfbnbicdckfhkllcnfleiemhmgeb
Drugi korak — kliknite [Dodaj u Chrome], a nakon skočnog dijaloga za potvrdu izaberite [Dodaj ekstenziju].
Treći korak — vratite se u QoderWork, napravite novi zadatak, kliknite na [Konektor] u polju za dijalog i omogućite [Moj pregledač].
U podešavanjima [Konektori i MCP] možete videti omogućeni konektor pregledača.
Četvrti korak — u QoderWork-u napravite novi zadatak i unesite šta želite da Agent uradi. Obratite pažnju — u tabovima Chrome pregledača pojaviće se QW ikona, a na vrhu će se pojaviti natpis [QoderWork Browser Connector je počeo da debaguje ovaj pregledač].
To znači da je veza uspela — Agent sada vidi vaš pregledač i može njime upravljati.
Odlično.
Sledeće — stvari koje se mogu raditi su mnoge.
02. Kako radi QoderWork Chrome
Prvo da kažemo princip.
Koja je razlika između QoderWork for Chrome i Chrome DevTools MCP?
Površinski oba upravljaju pregledačem, ali logika ispod haube je potpuno drugačija.
Chrome DevTools MCP pokreće zasebnu instancu Chrome-a i daljinski njome upravlja preko CDP protokola. To znači da nema vaše login stanje — za stranice koje zahtevaju autentifikaciju morate iznova da se prijavite.
(Naravno, može se optimizovati preko Skill-a kao web-access)
QoderWork for Chrome jeste ekstenzija pregledača koja se direktno ubacuje u Chrome koji već koristite.
Prvo, iz DOM-a stvarnog pregledača dobija kompletan sadržaj stranice. Ne radi o interceptovanju HTML izvornog koda na mrežnom sloju, već dobija stvarno DOM stablo nakon dinamičkog renderovanja JavaScript-om. SPA aplikacije, dinamički učitan sadržaj, lenjo učitane slike — sve vidljivo.
Drugo, direktno koristi login stanje i Cookie-je vašeg Chrome-a. Bilo da je admin pozadina tehničke strane, Jira kompanije ili lična stranica na Xiaohongshu-u — dokle god ste prijavljeni u Chrome-u, Agent može direktno da pristupi, bez dodatne autentifikacije.
Treće, način rada potpuno oponaša čoveka. navigate navigacija, type unos, click klik, scroll pomeranje, screenshot snimak, upload otpremanje fajla. Sve interakcije se dešavaju u stvarnom okruženju pregledača — frontend logika, event listener-i, upravljanje stanjem se normalno okidaju.
Pogledajmo konkretan slučaj.
Već sam otvorio admin stranicu tehničke strane: http://127.0.0.1:3301 i prijavio se. Testiraj za mene ElasticSearch pretragu u listi članaka, ključna reč može biti "attention mechanism".
Obratite pažnju — u tabovima Chrome-a pojaviće se QW ikona, a na vrhu [QoderWork Browser Connector je počeo da debaguje ovaj pregledač].
Ako otkrijete problem, neka QoderWork direktno izmeni.
Tražim "attention mechanism", zašto prvi rezultat nema tu ključnu reč? Takođe, ne želim da sadržaj u markdown formatu bude prikazan u tabeli — zauzima mnogo prostora i ostavlja loš utisak na korisnika.
Obratite pažnju na te detalje — potpuno kao čovek u upravljanju pregledačem.
navigate → http://127.0.0.1:3301
type → polje pretrage → "attention mechanism"
click → dugme za pretragu
screenshot → snimi trenutnu stranicu
U svakom koraku Agent prvo napravi screenshot da posmatra trenutno stanje stranice, prepozna interaktivne elemente, a zatim izvrši operaciju i novim screenshotom potvrdi rezultat. Ta petlja "posmatranje-odlučivanje-izvršenje-verifikacija" identična je načinu na koji čovek upravlja pregledačem.
Po rešavanju problema sam proaktivno testira i verifikuje rezultat — zaista izuzetno zgodno.
03. Test scenarija na Xiaohongshu sa login stanjem
Ponovno korišćenje login stanja jeste izuzetno praktična sposobnost QoderWork for Chrome-a.
Morate znati da je Xiaohongshu poznat kao kralj anti-puzenja. Kad WebFetch pokuša da pokupi stranicu Xiaohongshu-a, vraća ili prazno, ili prompt za prijavu, ili gomilu obfuskovanog JavaScript-a.
Ali QoderWork for Chrome je drugačiji. Koristi onaj Chrome koji svakodnevno koristimo, a moj Xiaohongshu je već prijavljen.
Poslao sam QoderWork-u instrukciju:
Idi na Xiaohongshu, pretraži "AI Agent", vidi kakve su nedavne vruće diskusije, sredi naslove i ključne stavove prvih 10 postova.
Agent direktno radi na mojoj prijavljenoj stranici Xiaohongshu-a: otvara polje pretrage, unosi ključnu reč, pritiska enter i izdvaja rezultate pretrage jedan po jedan.
Pošto je u statusu prijave, rezultati pretrage su identični onima koje bih dobio sam — bez ikakvih ograničenja.
Još važnije, Agent ne gleda samo naslove. Aktivno klikne u nekoliko postova, čita diskusije u komentarima i izdvaja stvarne povratne informacije korisnika.
Ovakva dubina nije dostupna u sažecima sa pretraživača.
Po završetku mi je dao izveštaj:
Ista logika važi za sve platforme gde se sadržaj vidi tek posle prijave. Dokle god ste se prijavili u Chrome-u, Agent može da uđe i radi.
04. Paralelno istraživanje GitHub AI Hot10
QoderWork me zaista naterao da pomislim "ovo je drugačije" svojom sposobnošću Multi-Agent paralelnog istraživanja.
Skoro sam imao ideju:
Svakog dana sastaviti listu "GitHub AI Hot10" — videti koje AI open source projekte je tog dana vredno pratiti. Ručno to raditi je preteško, GitHub Trending ima samo rang-listu po kategorijama, a ja želim selekciju do detalja kao što su Agent framework-ovi, RAG alati, LLM inference engine-ovi, AI Coding asistenti.
Zato sam aktivirao ekspertski komplet QoderWork-a.
"Ekspertski komplet" je ranije predstavljen koncept QoderWork-a: pakovanje više veština i konektora u jednu celu sposobnost za specifičnu poziciju.
Opis zadatka koji sam dao QoderWork-u je:
Istraži najpopularnije AI open source projekte danas na GitHub-u, podeli na 5 pravaca (više paralelnih pod-Agent-a): Agent framework-ove, RAG / retrieval augmentation, LLM inference engine, AI Coding alate, multimodalne aplikacije. U svakom pravcu pronađi 2 projekta sa najbržim rastom Star-a u poslednjoj nedelji, sredi ime projekta, broj Star-a, opis u jednoj rečenici i link ka projektu.
Po prijemu zadatka, QoderWork ga je razbio na 5 paralelnih pod-Agenta.
Svaki pod-Agent otvara svoj Chrome tab i na GitHub Trending-u filtrira po različitim ključnim rečima i Topic-ima.
Agent-A u tabu 1 pretražuje "agent framework", Agent-B u tabu 2 pretražuje "RAG retrieval", Agent-C "LLM inference", Agent-D "AI coding", Agent-E "multimodal".
Pet Agenata istovremeno radi, svaki nezavisno, bez međusobnog ometanja.
Svaki pod-Agent ne gleda samo Trending listu. Klikće u glavnu stranicu projekta, čita prvi pasus README-a, vidi krivu rasta Star-a u poslednjoj nedelji i učestalost nedavnih commit-a da proceni aktivnost projekta.
Ovo istraživanje je zaista temeljno, moji tabovi u pregledaču jedva izdržavaju. (osmeh)
Pošto je kontekst između pod-Agenta potpuno izolovan, kvalitet izlaza svakog Agent-a ne biva pristrasan zbog prethodnih rezultata istraživanja.
Na kraju glavni Agent sažima u strukturirani izveštaj "GitHub AI Hot10". Format je čist: pravac, ime projekta, broj Star-a, opis u jednoj rečenici, link.
Profesionalno, zaista profesionalno.
To je moć paralelne podeli i vladavine Multi-Agent-a.
Glavni Agent kao vođa tima raspoređuje zadatke, pod-Agenti kao istraživači svaki izvršava svoje, a na kraju se objedinjavaju rezultati. Tokom celog procesa glavni Agent ne učestvuje u konkretnim operacijama pregledača — samo raspoređuje i objedinjuje.
05. Zakazani zadatak pretvoren u svakodnevno slanje
Konfigurisao sam gornji zadatak istraživanja GitHub AI Hot10 kao zakazani zadatak koji se automatski izvršava svakog jutra u 8.
Želim da ovo organizujem kao Skill i pretvorim u zakazani zadatak, svakog dana u 8.
Ovo je zakazani zadatak koji je generisao QoderWork.
Tu je i prateći Skill.
Skill definiše: koju ključnu reč pretražuje svaki od 5 pravaca, koja polja se izdvajaju po ulasku u glavnu stranicu projekta, kako se tretiraju izuzeci.
Sa Skill-om, zakazani zadatak svakog dana radi isti fiksni tok rada.
Ako želite i korak više, rezultat možete pretvoriti u sajt, tako da svi kasnije mogu preko aihot.paicoding.com videti dnevno popularne AI open source projekte.
Želim da implementiram ovaj projekat na server, sa poddomenom aihot.paicoding.com — adresa mog servera se može videti u deploy-front.sh, smestiću ga u direktorijum www/aihot na serveru.
Brzo je gotovo — samo dodajte jedan zapis poddomene u DNS.
Struktura stranice je jednostavna: datum → 5 pravaca → po 2 projekta u svakom pravcu → kartica projekta (ime, Star, opis, link).
OK, sada možete pristupiti. Zar nije brzo napraviti AI sajt za vruće teme kao što to rade najbolji?
Tokom celog procesa ručno smo podesili samo poddomenu — sve ostalo QoderWork je odradio.
Tok celog procesa: okida se zakazani zadatak QoderWork → konektor za Chrome pregledač QoderWork → Multi-Agent paralelno istraživanje → renderovanje statične stranice → automatsko dnevno ažuriranje.
Celim procesom bez ljudskog nadzora.
Najviše vremena uzima faza istraživanja, Skill ćemo kasnije iterirati.
Ubuduće, kad god želite da vidite koje dobre i sveže AI open source projekte ima na GitHub-u, vrlo je zgodno.
Zapamtite ovu adresu: https://aihot.paicoding.com/
06. IM kanal za slanje rezultata
Sajt je tu, ali želim da svakog dana aktivno dobijam push, umesto da sam osvežavam stranicu.
QoderWork podržava i IM integraciju — WeChat, DingTalk, Feishu i slično.
Uzmimo WeChat kao primer — kliknite [Konfiguriši], uzmite telefon, skenirajte QR kod i gotovo.
Po završetku konfiguracije, svakog jutra u 8 zakazani zadatak završi istraživanje GitHub AI Hot10, a rezultat se automatski šalje na moj WeChat.
Otvorite telefon i vidite koje AI projekte je danas vredno pratiti — bez paljenja računara, bez ičega.
(Izvršavanje zadatka preko QoderWork for Chrome najviše vremena uzima, faza istraživanja je već demonstrirana ranije, ovde je u svrhu demonstracije preskočena — prvo da testiramo da li IM radi)
WeChat je primio obaveštenje.
Kliknite da vidite.
I na telefonu se otvara bez problema.
Potpuno sve na jednom mestu — može se reći da QoderWork zaista drži korak.
Od klijanja ideje, preko istraživanja proizvoda, do postavljanja sajta — nema šta ne može.
- Dizajn Multi-Agent arhitekture paralelnog istraživanja — zadatak istraživanja GitHub projekata u 5 pravaca podeljen nezavisnim pod-Agentima, svaki upravlja svojim tabom pregledača i radi paralelno.
- Na osnovu QoderWork ekspertskog kompleta formiran tok rada "istraživanje proizvoda", definisana strategija ključnih reči, pravila izdvajanja podataka i specifikacija formata izlaza, čime se obezbeđuje konzistentnost dnevnog izlaza.
- Konfigurisan QoderWork zakazani zadatak radi automatskog okidanja svakog dana u 8, u kombinaciji sa IM kanalom strukturirani izveštaj šalje se u DingTalk grupu tima — bez ljudskog nadzora.
- Iskorišćen QoderWork Browser Connector za ponovno korišćenje stvarnog Chrome login stanja, podršku za istraživanje GitHub privatnih repozitorijuma i platformi koje zahtevaju autentifikaciju — rešava problem login stanja kod tradicionalnih crawler-a.
- Dizajniran mehanizam izolacije konteksta pod-Agenta — svaki pod-Agent nezavisno upravlja tabom pregledača, izbegava se ukrštanje informacija pri paralelnom istraživanju.
ending
Gledajući unazad, ono što me kod QoderWork for Chrome najviše obradovalo nije neka pojedinačna sposobnost.
Obično upravljanje pregledačem? Mnogo alata to može. Ponovno korišćenje login stanja? I CDP Proxy to može.
Ono što me zaista natera da pomislim "ova stvar je drugačija" jeste: kada se kombinuju upravljanje pregledačem, Multi-Agent paralelno, ekspertski komplet, zakazani zadaci, IM kanali — nastala hemijska reakcija.
Pojedinačno ništa nije novo, ali povezano postaje potpuni automatizovani tok rada. Svakog jutra u 8, pet Agenata istovremeno kreće, svaki istražuje svoj pravac, za 30 minuta izveštaj je gotov i stiže na WeChat. Ja se probudim, podignem telefon i vidim koje zanimljive AI projekte ima danas.
QoderWork je to uspeo — setite se da izaberete zadržavanje sistema budnim, tako da zakazani zadatak bude aktivan na vreme, a računar ne mora da bude na standby-u 24 sata.
[Dobar AI nije onaj kog tražite kad vam treba, nego onaj koji se svakog dana pojavljuje na vreme u vašoj listi poruka.]
Vidimo se u sledećem izdanju.