Ovaj Skill je toliko moćan — samo što je otvoren, već skupio 2.8K zvezdica! Agent networking na maksimumu!

Već dugo mi jedan problem stoji na srcu: Claude Code/Codex zaista su najjači u pisanju koda, nijedan drugi alat im nije ravan, ali im je networking sposobnost zaista malo slabija.

Posebno kad naiđu na stranice WeChat zvaničnih naloga i Xiaohongshu koje zahtevaju prijavljenu sesiju — jednostavno podlegnu, i često upadnu u sopstvenu beskonačnu petlju iz koje dugo ne izađu sa rezultatom.

Ovaj problem trpim već pola godine, sve dok nisam otkrio web-access Skill.

Otvoren tek nedelju dana, već 2.8K Star — zamah je silovit. Prijatelji kojima treba rešenje za Agentski networking, probajte.

U pozadini koristi Chrome DevTools MCP + CDP direktno povezivanje sa pretraživačem, stanje prijave se prirodno nosi, a dinamički renderovane stranice se mogu normalno posetiti.

Sa ovim Skill-om, Agent više ne pretražuje — on zaista pregleda veb stranice.

01. Šta je zapravo web-access

Isplati se prvo razjasniti jednu stvar: web-access je Skill, a ne MCP.

Mnogi mešaju ovu razliku. MCP (Model Context Protocol) je skup protokola, suštinski standard kojim se Agentu proširuje alatni sanduk — kažete Agentu koji alati postoje i kako se pozivaju.

Skill je drugačiji. Skill ne daje samo alate, već i celu metodologiju "kako alat koristiti".

Da poredim: MCP vam daje odvijač; Skill vam daje odvijač, plus uputstvo koje vam kaže sa koje strane da zavrnite, kolikom silom, i koju pozu da primite kad ne ide.

Dizajn filozofija web-access-a je "ciljno orijentisana": primi zadatak, prvo razume šta je cilj, a onda traži najkraći put do njega, dinamički prilagođavajući svaki korak prema rezultatu — umesto mehaničkog "pretraži → izvuci → ispiši" i gotovo.

Njene sposobnosti se dele u tri nivoa:

Osnovni nivo: WebSearch pretražuje ključne reči, WebFetch dohvata veb stranice, curl pribavlja sirovi HTML, Jina pretvara stranicu u čist Markdown. Ove alate ima većina Agenata; doprinos web-access-a je u tome što je iznad njih dodao sloj odlučivanja — koji prvo koristiti, kako degradirati kad nešto ne uspe, kada odustati i promeniti put.

Jezgro nivo: CDP direktno povezivanje pretraživača. Ovo je najjači deo celog Skill-a, o tome detaljnije kasnije.

Efikasni nivo: paralelna podela više zadataka. Za istraživanje više ciljeva, može razložiti posao na više pod-Agenata koji istovremeno rade, a rezultate sabere glavni Agent, koji radi samo integraciju i izlaz.

02. Instalacija web-access-a

U Claude Code-u jednostavno kažite:

Instaliraj mi web-access skill, adresa repo-a je https://github.com/eze-is/web-access. Ovaj skill je prvobitno napravljen za Claude Code; pre instalacije prvo razumi njegovu ključnu principu i logiku rada, a zatim ga prilagodi mojoj Agentskoj arhitekturi i okruženju računara, tako da zaista postane deo trenutnog okruženja, umesto što bude nategnut preko noge.

Instalirao sam ga i u Codex, pa na obe strane radi.

Posle instalacije sledi još jedan korak — uključiti Chrome dozvolu za daljinsko debagovanje.

U adresnu traku unesite chrome://inspect/#remote-debugging, štiklirajte dozvolu za daljinsko debagovanje, i ponovo pokrenite Chrome.

Skill pri instalaciji automatski radi proveru okruženja: da li je verzija Node.js dovoljna (mora biti 22+), da li CDP port prolazi, da li Proxy proces radi. Ako je sve u redu, prijaviće sve zeleno; ako nije, reći će vam gde je problem.

Vredi pomenuti jedan detalj: CDP Proxy je konstantno u pozadini, ne morate ručno da ga startujete pre svake upotrebe. A spaja se na onaj Chrome koji svakodnevno koristite — ne otvara novu instancu headless pretraživača — tako da sve sajtove na koje ste se prijavili u Chrome-u Agent može direktno da koristi, bez ponovljenog prijavljivanja.

Otvorite sajt tehničke frakcije, stanje prijave je zadržano.

03. Konkurentno istraživanje za PaiAgent

Prvi zadatak na pokretanju — uzeo sam konkurentno istraživanje za prvo sečenje.

PaiAgent je AI projekat orkestracije radnih tokova na kom radim. Hteo sam da razjasnim stanje tri konkurentska proizvoda na tržištu — Dify, Coze i FastGPT — sa fokusom na to koje čvorove podržavaju, koliko je fleksibilno povezivanje modela, da li podržavaju privatni deployment i kako im je zamišljena strategija cena.

Ranije bih za ovakvo nešto lično otvorio tri taba, listao dokumentaciju jedan po jedan, ručno vodio beleške i na kraju složio tabelu — u najbržem slučaju dva do tri sata.

Rekao sam Agentu:

Istraži ove tri platforme AI radnih tokova — Dify, Coze i FastGPT — sa fokusom na: podržane tipove čvorova, načine povezivanja modela, da li podržavaju privatni deployment, strategije cena. Sažmi u poređenjenu tabelu.

Prva odluka Agenata me je iznenadila.

Nije redom istraživao jedan po jedan, već je razložio tri istraživačka zadatka i istovremeno poslao tri pod-Agenta da paralelno rade.

Svaki pod-Agent drži po jednu platformu — sam otvara tabove, sam list dokumentaciju, sam izvlači podatke, bez međusobnog ometanja. Glavni Agent sa strane čeka rezultate i čim stignu integrira ih.

Stvarni efekat paralelnog procesiranja: vreme istraživanja tri platforme skoro je isto kao i za jednu. Po pitanju vremenskog troška, to je direktan trostruki dobitak u efikasnosti.

Dubina istraživanja pod-Agenta je takođe prevazišla očekivanja. Za Dify je ušao u sajt docs.dify.ai, iz stranice "Node descriptions" izvukao tip čvorova jedan po jedan, a sa stranice "Model providers" sastavio listu podržanih LLM-ova — te detalje sažeci pretraživača nikako ne bi dali.

Na kraju mi je predao strukturno potpunu poredbenu tabelu sa razlikama tri platforme po svakoj dimenziji. Posle čitanja sam direktno dodao dva razvojna TODO-a za PaiAgent — čvor za uslovne grane i čvor za HTTP zahteve, jer su to dve oblasti koje konkurencija ima, a mi još uvek nismo pokrili.

Posao koji bi od produktnog menadžera zahtevao pola dana, Agent sada isporuči za desetak minuta, a kvalitet informacija nije lošiji.

04. Prikupljanje korisničkih rasprava sa Xiaohongshu-a

Drugi slučaj je scenario koji sam dugo želeo da rešim — da pročitam šta korisnici zaista pričaju na Xiaohongshu-u.

Xiaohongshu ima vrlo potpun anti-scraping mehanizam, stranice su dinamički renderovane, a WebFetch uglavnom vraća praznu stranu ili gomilu obfuskovanih JS datoteka. Ranije sam u tim situacijama samo odustajao ili ručno osvežavao stranicu.

Nakon instalacije web-access-a, rekao sam:

Pretraži "Chenmo Wang Er" na Xiaohongshu-u, vidi o čemu ljudi raspravljaju i izdvoji naslove i ključne stavove 10 vrednih postova.

Agent je procenio da je Xiaohongshu platforma koja se "običnim načinima prikupljanja ne može dosegnuti" i direktno prešao u CDP režim.

Preuzeo je moj tab Xiaohongshu-a u Chrome-u, u polje za pretragu uneo ključnu reč, sačekao da se stranica učita, a zatim počeo da izdvaja rezultate jedan po jedan.

Pošto koristi moju sopstvenu prijavu na Xiaohongshu, rezultati pretrage i preporuke su mi potpuno isti kao kad bih ručno pretraživao — neće biti filtrirani ili blokirani zbog statusa gosta.

Nakon obrade liste, Agent je sam ušao u nekoliko zanimljivih detalja postova i diskusije iz komentara ubacio u konačni izveštaj.

Kada je izveštaj izašao, doživeo sam jedan kognitivni skok:

Ranije je Agentski networking bio "pretraga" — unesete ključnu reč, dobijete sažetak, date zaključak.

Sada je to "pregledanje" — otvara stranicu, čeka render, klikće linkove, čita detalje, sređuje sadržaj.

Razlika u sposobnostima koju nose ova dva glagola otprilike je kao razlika između toga da nekog zamolite da vam potraži podatke, i da ga zamolite da prošeta terenom i pogleda na licu mesta.

05. Automatsko generisanje PaiAgent tehničke dokumentacije

Treći scenario je vrlo svakodnevna razvojna potreba: generisati tehnički nedeljni izveštaj na osnovu GitHub istorije komitova.

Zvuči lako, ali je naporno. Morate sami da pretražujete listu komitova, da za svaki vidite šta je promenjeno, zašto i na koje funkcionalne module utiče, pa to pretočite u jezik razumljiv produktnom timu i složite u dokument.

Rekao sam Agentu:

Pogledaj nedavne komitove PaiAgent projekta na GitHub-u, izdvoji tehničke ključne tačke i generiši mi tehnički nedeljni izveštaj.

Agent je prvo pokušao da WebFetch-om povuče GitHub stranicu sa komitovima, otkrio da deo sadržaja zahteva JavaScript renderovanje da bi se pravilno prikazao, i odmah se nadogradio na CDP režim — pravim pretraživačem otvorio stranicu, sačekao render i izvukao sadržaj.

Ovakav način obrade utelotvorava jedan ključan dizajnerski princip web-access-a: nadogradnja alata je postepena, ne kreće se odmah od najtežih sredstava. Laki način se koristi kad može, a pretraživač se pokreće tek kad lako ne prolazi. Tako se štede tokeni i kontroliše ukupno vreme odziva.

06. Chrome DevTools MCP

Chrome DevTools MCP je MCP server koji je napravila zvanična ekipa Google Chrome-a, sa jezgrom da CDP sposobnosti otvori za upotrebu Agentima.

Ako koristite samo Chrome DevTools MCP, dobijate atomizovani skup interfejsa za rad sa pretraživačem — otvaranje taba, izvršavanje skripti, pravljenje snimaka ekrana, klik. To su osnovne sposobnosti, korisne, ali kako ih kombinovati i šta u kojoj situaciji koristiti — to Agent mora sam da proceni.

web-access iznad tog interfejsa radi tri dodatne stvari:

Prvo, sloj odlučivanja. Jasno kaže Agentu koji su prioriteti alata i kada se prebacivati. Ne zahteva svaki zadatak otvaranje pretraživača — što laki WebSearch ili WebFetch mogu da reše, tu se CDP ne dira. Samo kad se naiđe na dinamički render, prijavni zid ili anti-scraping, prelazi se u režim pretraživača.

Drugo, akumulacija iskustva. Direktorijum web-access-a references/site-patterns/ čuva konkretna iskustva rada sa raznim sajtovima — gde je CSS selektor polja za pretragu na Xiaohongshu-u, čime je specifično renderovanje sadržaja WeChat zvaničnih naloga, da li je paginacija B stanice lenjo učitavanje ili klasično listanje. Posle svakog uspešnog zahvata, ta iskustva se ažuriraju; sledeći put, pri nailasku na isti sajt, direktno se koristi putanja sažeta prošli put.

Treće, paralelna raspodela. Više istraživačkih podzadataka ne mora da čeka redom — mogu da rade istovremeno, svaki pazi na svoj tab, dok glavni zadatak samo skuplja rezultate.

Jednostavna poredbena: Chrome DevTools MCP vam daje auto; web-access vam daje auto, plus navigaciju, plus suvozača koji poznaje stanje na putevima.

07. Šta je CDP?

Vredi posebno proširiti CDP, jer je to temelj svih tehničkih sposobnosti web-access-a.

CDP je skraćenica za Chrome DevTools Protocol, na našem "Chrome protokol za daljinsko debagovanje". Onaj Developerski alat koji vidite kad u Chrome-u pritisnete F12 na dnu je CDP.

Kroz CDP spoljni program može preko WebSocket-a da se poveže na Chrome i radi skoro sve što možete i u alatki za programere:

• Kontrola navigacije: otvaranje URL-a, napred-nazad, osvežavanje
• Izvršavanje skripti: direktno pokretanje JavaScript-a u kontekstu stranice
• Rad sa DOM-om: čitanje sadržaja čvorova, izmena stilova, okidanje događaja
• Simulacija unosa: kucanje na tastaturi, klikovi mišem, skrolovanje stranice
• Nadgledanje mreže: hvatanje svih HTTP zahteva i odgovora
• Snimanje ekrana: u svakom trenutku snimanje trenutnog viewporta u sliku

Kako se uključuje CDP?

Pri pokretanju Chrome-a dovoljno je dodati parametar porta za debagovanje:

# macOS
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222

# Windows
"C:\Program Files\Google\Chrome\Application\chrome.exe" --remote-debugging-port=9222

# Linux
google-chrome --remote-debugging-port=9222

Nakon pokretanja posetite http://localhost:9222/json; ako vidite podatke o svim otvorenim tabovima, CDP već osluškuje.

Šta je CDP Proxy?

Izvorni CDP protokol je WebSocket, a pozivanje zahteva izvesno znanje. CDP Proxy oko njega je dodao sloj HTTP API-ja, čime postaje pregledniji za rad:

Bez Proxy-ja (nisko):
kod ←WebSocket protokol→ Chrome:9222

Sa Proxy-jem (pojednostavljeno):
kod ←HTTP zahtev→ CDP Proxy ←WebSocket→ Chrome:9222

Sa Proxy-jem, rad sa pretraživačem postaje obično HTTP pozivanje:

# Lista svih trenutnih tabova
curl http://localhost:3456/targets

# Izvršavanje JS u zadatom tabu
curl "http://localhost:3456/eval?target=xxx" -d 'document.title'

# Klik na neki element stranice
curl "http://localhost:3456/click?target=xxx" -d 'button.submit'

# Snimak ekrana trenutnog viewporta
curl "http://localhost:3456/screenshot?target=xxx"

CDP Proxy vs MCP chrome-devtools vs Puppeteer

Sva tri pristupa mogu da upravljaju pretraživačem, ali među njima postoje suštinske razlike:

Karakteristika	CDP Proxy	MCP chrome-devtools	Puppeteer
Pretraživač	reuse svakodnevni Chrome	nezavisna nova instanca	nezavisna nova instanca
Stanje prijave	✅ prirodno nosi	❌ zahteva ponovnu prijavu	❌ zahteva ponovnu prijavu
Sukob instanci	❌ nema	⚠️ moguć sukob	❌ nema
Način pozivanja	HTTP API	MCP alat	Node.js API
Slučaj upotrebe	svakodnevno prikupljanje, reuse prijave	izolovano okruženje	automatizovano testiranje

Za scenario Agentskog networkinga, CDP Proxy je najprikladniji, a ključni razlog je samo jedan: stanje prijave se prirodno nosi.

U Chrome-u ste prijavljeni na Xiaohongshu, WeChat zvanične naloge, interni mrežu kompanije — Agent preko CDP Proxy-ja upravlja tim pretraživačem i direktno može da im pristupi, bez dodatnog rešavanja prijave, kolačića ili tokena.

Ova prednost je nenadoknadiva kod obrade sadržaja iza autorizacionih zidova.

Tok rada CDP-a

Kada se razume ovaj tok, postaje jasno zašto web-access može da "pregleda veb kao pravi čovek". On ne simulira zahteve na HTTP nivou, već u stvarnom pretraživaču izvršava stvarne radnje i vidi sadržaj potpuno isti kao onaj koji biste i sami videli.

Zaključak

Nakon izvesnog vremena korišćenja, doneo sam novu definiciju "Agentskog networkinga".

Ranije sam smatrao da je networking pretraga plus prikupljanje: pozovete API pretraživača, dobijete sažetak, ubacite ga u kontekst i date odgovor. Taj tok deluje potpuno, ali pri susretu sa dinamičkim stranicama, prijavnim zidovima i anti-scraping mehanizmima odmah prestaje da radi.

web-access nudi drugi put: Agent direktno upravlja pretraživačem, kao pravi korisnik — otvara stranice, čeka render, pretražuje sadržaj, klikće linkove. Kad nešto pretraga ne može da reši, prelazi na pretraživač; kad je rad u pretraživaču prekompleksan, paralelno ga razlaže; kad naiđe na isti sajt, ponovo koristi akumulirano iskustvo.

Nije samo dodat alat — promenjen je način razmišljanja.

2.8K Star ubrzo nakon otvaranja nije sreća — na licu mesta je realnog problema.

Ako koristite Claude Code ili Codex, probajte. Pre upotrebe činiće vam se da je networking "dovoljan", a posle upotrebe shvatićete da se ono ranije zvalo pomirenje. Konkurentna istraživanja, nadzor društvenih mreža, generisanje dokumentacije, slanje formulara — sve to Agent može da uradi, i ne lošije od čoveka.

[Gornja granica alata određuje granicu onoga što možete da uradite.]

vidimo se u sledećem.