Yakha Ikhasi Lakho Le-AI Le-New-Tab Elilungiselelwe Wena Nge-AI Homepage

Okwenziwa yi-AI Homepage

AI Homepage ithatha indawo yekhasi lethebhu entsha le-Chrome noma le-Chromium ngekhasi lasekhaya elibhalwe lisuselwa kumawebhusayithi owavakashela ngempela. I-agent yayo ibuyekeza isifinyezo esihlelwe ngokubaluleka somlando wakho, ivula amakhasi afinyelela kwayisishiyagalombili ahlobene esipheqululini sakho ongene kuso, ihlaziye okuqukethwe kwawo, bese ibhala ikhasi elisha elisekelwe ku-React.

Umphumela ungafana nephephandaba lasekuseni, uhlu oluzolile lokufunda, ideshibhodi yomsebenzi egcwele imininingwane, noma cishe noma yisiphi esinye isitayela osichazayo. Ikhasi lasekhaya lakhiwa kabusha ngemuva, ukuze ithebhu entsha ibonise lokho obukufunda kamuva nje.

Isixhumanisi ngasinye esikhiqiziwe sivela ekhasini i-agent elilifundile ngempela. I-agent iyalelwe ukuthi ingaqambi ama-URL, kanti amakhasi engakwazi ukuwavula ayabikwa kunokuba asuswe buthule.

Ngaphambi kokuthi uqale

Uzodinga okulandelayo:

• I-Chrome noma esinye isiphequluli esisekelwe ku-Chromium
• Node.js 20 noma entsha
• Ukhiye we-Anthropic API

AI Homepage iphrojekthi yokuhlola esesigabeni sokuqala, ehloselwe ukusebenza ngokhiye wakho. Buyekeza imithelela yayo yobumfihlo nokuphepha ngaphambi kokuyifaka.

Faka isandiso

1. Clone-a i-repository bese ungena kufolda yayo:

git clone https://github.com/ThariqS/ai-newtab.git
cd ai-newtab

1. Faka ama-dependencies bese wakha isandiso usebenzisa inguqulo ye-pnpm ebekiwe:

npx pnpm@10.11.1 install
npx pnpm@10.11.1 build

Uma i-pnpm isifakiwe kakade, imiyalo ehambisanayo yilena:

pnpm install
pnpm build

1. Vula chrome://extensions ku-Chrome.
2. Nika amandla i-Developer mode usebenzisa iswishi esekhoneni eliphezulu kwesokudla.
3. Chofoza u-Load unpacked bese ukhetha apps/extension/.output/chrome-mv3.
4. Uma i-Chrome ibuza ukuthi uyafuna yini ukugcina ikhasi lethebhu entsha elishintshiwe, khetha u-Keep it.

Yakha ikhasi lakho lokuqala lasekhaya

1. Vula ithebhu entsha.
2. Namathisela ukhiye wakho we-Anthropic API lapho ucelwa.
3. Chofoza u-Build today's homepage.

Umbono wenqubekelaphambili ubonisa izigaba zokwakha: ukulungiselela i-agent, ukufunda umlando wakho, ukuvula amakhasi esipheqululini, ukuhlaziya lawo makhasi, nokubhala ikhasi lasekhaya. Ukwakhiwa kokuqala kungathatha imizuzu eminingana.

Ungavala ithebhu ngesikhathi ukwakha kuqhubeka. Isandiso siqhuba ukwakha ku-background worker yaso, futhi umphumela noma inqubekelaphambili kuyatholakala kunoma iyiphi ithebhu entsha. Uma i-Chrome ivalwa ngesikhathi kwakhiwa, ithebhu entsha elandelayo inikeza u-Resume interrupted build.

Yenza ngokwezifiso okuqukethwe nomklamo

Vula ⚙️ Settings ekhasini lethebhu entsha. Inkambu ethi Instructions ifakwa kukho konke ukwakha futhi ibaluleke ngaphezu kwemiyalo ezenzakalelayo ye-agent. Ilawula kokubili okuqukethwe nesiqondiso sokubukeka kwekhasi.

Ngokwesibonelo, ungasebenzisa imiyalo enjengale:

• Iphephandaba lasekuseni. Ifonti ye-serif, isihloko esikhulu, indaba eyinhloko, nekholomu yezindaba ezimfushane.
• Ikholomu eyodwa ezolile. Azikho izithombe. Izinto ezinhlanu ezifanele ukufundwa, nomugqa owodwa ochaza ukuthi kungani.
• Ideshibhodi egcwele: ama-PR nama-issue e-GitHub kuqala, kulandele i-Hacker News, bese kulandela konke okunye.
• Isikhumulo esiluhlaza phezu kokumnyama, i-monospace, njengo-BBS wama-1980s.
• Yeqa ezemidlalo nepolitiki. Hlala ubonisa isimo sezulu nemicimbi yami emithathu elandelayo yekhalenda.

Chofoza u-Save & rebuild ukuze usebenzise imiyalo emisha ngokushesha.

Khetha imodeli ye-Claude

Isilungiselelo se-Model sinquma ukuthi iyiphi imodeli ye-Claude ebhala ikhasi lakho lasekhaya:

• Claude Sonnet 5.5: ibhalansi ezenzakalelayo yekhwalithi nezindleko.
• Claude Haiku 5.5: inketho eshesha kakhulu futhi eshibhe kakhulu.
• Claude Opus 5.5: umhleli oqaphelisisa kakhulu nenketho ebiza kakhulu.

Imodeli eshintshiwe iqala ukusebenza ekwakheni okulandelayo. Ukwakha ngakunye kuyiseshini eyodwa ye-agent ekhokhiswa kukhiye wakho we-Anthropic API, futhi izindleko eziphelele zincike kwimodeli ekhethiwe nakubuningi bokuqukethwe okufundwa yi-agent.

Lawula ukwakha okuzenzakalelayo

Ukwakha okuzenzakalelayo kuvuliwe ngokuzenzakalelayo. Ngemva kokuqeda ukwakha okukodwa ngesandla, isandiso singakha kabusha ikhasi lasekhaya buthule lapho selidala kunesikhawu osikhethile: amahora angu-6, 12, 24, noma 48.

Ukwakha okuzenzakalelayo akuphindi kuzame ukwakha okuhlulekile kuze kufike isikhawu esilandelayo, okuvimbela umjikelezo wokuphinda uzame ongapheli. Ukuze wakhe kabusha ngokushesha, chofoza u-↻ Rebuild ekhoneni eliphezulu kwesokudla. Ungaphinda ukhubaze ukwakha okuzenzakalelayo futhi wakhe kuphela lapho kudingeka, ukuze ulawule ukusetshenziswa kwe-API.

Qonda lokho isandiso esingakufinyelela

Ekukheni ngakunye, isandiso sihlela amasayithi emlandweni wakho wokuphequlula bese sivula amakhasi afinyelela kwayisishiyagalombili. Seqa izinjini zokusesha, i-webmail, amasayithi ebhange, namakhasi okumaketha lapho ungakangeni khona. Uma ikhasi lingakwazi ukuvulwa, umphumela ubika lowo mkhawulo.

Isexwayiso sobumfihlo: isandiso sithumela isifinyezo somlando wakho wokuphequlula, okuhlanganisa izizinda ezihamba phambili, inani lokuvakasha, nezinye izihloko zamakhasi, kanye ne-HTML ehlanziwe yamakhasi afinyelela kwayisishiyagalombili ku-Anthropic API. Ngenxa yokuthi amakhasi alayishwa esipheqululini sakho ongene kuso, angase aqukathe okuqukethwe okuyimfihlo.

Ukwakhiwa kusebenzisa ukhiye wakho we-API, ohlala kusitoreji sendawo sesandiso. Iseshini ye-ejenti namakhasi alayishiwe kuyasuswa lapho ukwakhiwa ngakunye kuphela. Funda ARCHITECTURE.md ukuze uthole imininingwane eyengeziwe yobumfihlo. Iphrojekthi iphinde ixwayise ngokushicilela isandiso esitolo sinjalo, ngoba noma ubani okwazi ukufinyelela kuphrofayela yesiphequluli angakwazi ukufunda ukhiye we-API ogciniwe.

Indlela ukwakhiwa okusebenza ngayo

1. getHistory inikeza isifinyezo esihlelwe ngokwezinga samadomeyini owavakashela kakhulu.
2. getPageHtml ikhetha amakhasi afinyelela kwayisishiyagalombili. Isandiso siwavula ewindini elingemuva, sihlanze i-HTML yawo, bese sifaka imiphumela njengamafayela ku-sandbox ye-ejenti.
3. grep kanye ne-read kukhipha izihloko, okuthunyelwe, namalinkhi kulawo mafayela.
4. write idala ingxenye ye-React evezwa yikhasi lethebhu entsha.

Isisebenzi sangemuva sesandiso siqhuba iseshini ye-Claude Managed Agents ngqo, ngaphandle kweseva ephakathi. Amathuluzi amabili angokwezifiso asebenza ngaphakathi kwesandiso ngoba adinga chrome.history kanye ne-chrome.tabs. Okunye ukucubungula kwenzeka ku-sandbox ye-ejenti, lapho ukufinyelela ku-shell kukhutshaziwe khona ngoba amakhasi akhishwe kuwebhu athathwa njengokufakwayo okungathembekile.

Thuthukisa futhi uhlole iphrojekthi

Indawo yokugcina ikhodi ihlelwe yaba izindawo ezintathu eziyinhloko:

• packages/agent-core: umjikelezo we-ejenti ongancikile endaweni yokusingatha, ngaphandle kwe-chrome.* noma i-node:*.
• apps/extension: isandiso se-WXT ne-React MV3.
• harness: imibhalo ye-Bun yokuqhuba i-agent core ngaphandle kwe-Chrome nokuhlola isandiso esakhiwe.

Imiyalo ewusizo yokuthuthukisa ihlanganisa:

pnpm dev                 # WXT enokulayisha kabusha okusheshayo
pnpm typecheck           # wonke amaphakheji
pnpm test                # ukuhlolwa kwamayunithi; akukho makholi e-API, kudinga i-Bun
pnpm extension:test      # ukuhlolwa kwesandiso se-Chrome esingenakhanda; akukho makholi e-API

Ukuze uqhube ukwakhiwa okuphelele kwe-ejenti usebenzisa i-API yangempela nomlando oyisibonelo, dala ifayela lendawo bese unikeza ukhiye wakho:

cp .env.example .env
pnpm agent:run
pnpm agent:verify

Umyalo wokuqinisekisa uhlola ukuthi okukhiqiziwe kuyavezwa ngempela.

Buyekeza isandiso

Ngemva kokulanda izinguquko ezintsha zendawo yokugcina ikhodi, yakha kabusha isandiso:

npx pnpm@10.11.1 build

Bese uvula chrome://extensions bese uchofoza isithonjana sokulayisha kabusha se-AI Homepage. Ukwakhiwa okubuyekeziwe kuzosetshenziswa kumathebhu amasha alandelayo.

Isiphetho

AI Homepage iguqula ukuphequlula kwakamuva kube yisipiliyoni sethebhu entsha esiqondene nawe futhi esivuselelwa ngokuqhubekayo. Yifake ngokwakha isandiso se-Chromium endaweni, unikeze ukhiye wakho we-Anthropic, bese uchaza ukwakheka nezinto zokufunda ezibalulekile ozifunayo. Ngaphambi kokuyisebenzisa, cabanga ngezindleko ze-API, okuqukethwe okuyimfihlo okungase kulayishwe ngesikhathi sokwakha, kanye nesimo sokuhlolwa kwephrojekthi.