AI Homepage yordamida shaxsiylashtirilgan AI yangi tab bosh sahifasini yarating

AI Homepage nima qiladi

AI Homepage Chrome yoki Chromium brauzeridagi yangi tab sahifasini siz haqiqatan ham ko‘rib chiqadigan veb-saytlardan tuzilgan bosh sahifa bilan almashtiradi. Uning agenti brauzer tarixingizning saralangan xulosasini ko‘rib chiqadi, tizimga kirilgan brauzeringizda sakkiztagacha tegishli sahifani ochadi, ularning mazmunini tahlil qiladi va React asosidagi yangi sahifa yaratadi.

Natija ertalabki gazetaga, xotirjam o‘qish ro‘yxatiga, zich ish boshqaruv paneliga yoki siz tasvirlagan deyarli istalgan boshqa uslubga o‘xshashi mumkin. Bosh sahifa fonda qayta tuziladi, shuning uchun yangi tab yaqinda nimalarni o‘qiganingizni aks ettirishi mumkin.

Yaratilgan har bir havola agent haqiqatan ham o‘qigan sahifadan olinadi. Agent URL manzillarini o‘ylab topmaslikka ko‘rsatma olgan, ocholmagan sahifalari esa indamay tashlab ketilmaydi, balki hisobotda ko‘rsatiladi.

Boshlashdan oldin

Sizga quyidagilar kerak bo‘ladi:

• Chrome yoki Chromium asosidagi boshqa brauzer
• Node.js 20 yoki undan yangiroq versiyasi
• Anthropic API kaliti

AI Homepage shaxsiy kalitingiz bilan ishga tushirish uchun mo‘ljallangan dastlabki eksperimental loyihadir. Uni o‘rnatishdan oldin maxfiylik va xavfsizlikka oid jihatlarini ko‘rib chiqing.

Kengaytmani o‘rnatish

1. Reponi klonlang va uning katalogiga kiring:

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

1. Bog‘liqliklarni o‘rnating va kengaytmani belgilangan pnpm versiyasi yordamida yarating:

npx pnpm@10.11.1 install
npx pnpm@10.11.1 build

Agar pnpm allaqachon o‘rnatilgan bo‘lsa, quyidagi buyruqlar ekvivalent hisoblanadi:

pnpm install
pnpm build

1. Chrome brauzerida chrome://extensions manzilini oching.
2. Yuqori o‘ng burchakdagi tugma orqali Developer modeni yoqing.
3. Load unpacked tugmasini bosing va apps/extension/.output/chrome-mv3 katalogini tanlang.
4. Agar Chrome o‘zgartirilgan yangi tab sahifasini saqlashni so‘rasa, Keep itni tanlang.

Birinchi bosh sahifangizni yarating

1. Yangi tab oching.
2. So‘ralganda Anthropic API kalitingizni kiriting.
3. Build today's homepage tugmasini bosing.

Jarayon ko‘rinishida yaratish bosqichlari ko‘rsatiladi: agentni tayyorlash, tarixingizni o‘qish, brauzerda sahifalarni ochish, ushbu sahifalarni tahlil qilish va bosh sahifani yozish. Birinchi yaratish jarayoni bir necha daqiqa davom etishi mumkin.

Jarayon davom etayotganda tabni yopishingiz mumkin. Kengaytma yaratish jarayonini fon ishchisida bajaradi, natija yoki jarayon holati esa istalgan yangi tabda mavjud bo‘ladi. Agar yaratish jarayonida Chrome yopilsa, keyingi yangi tabda Resume interrupted build taklifi paydo bo‘ladi.

Kontent va dizaynni sozlash

Yangi tab sahifasida ⚙️ Settingsni oching. Instructions maydoni har bir yaratish jarayoniga qo‘shiladi va agentning standart ko‘rsatmalaridan ustun turadi. U sahifaning mazmuni va vizual yo‘nalishini boshqaradi.

Masalan, quyidagi ko‘rsatmalardan foydalanishingiz mumkin:

• Ertalabki gazeta. Serif shrift, katta sarlavha, asosiy maqola va qisqa xabarlar ustuni.
• Bitta xotirjam ustun. Rasmlar bo‘lmasin. O‘qishga arziydigan beshta narsa va har biri haqida nima uchun ekanini tushuntiruvchi bitta jumla.
• Zich boshqaruv paneli: avval GitHub PRlari va muammolari, keyin Hacker News, so‘ng qolgan barcha narsalar.
• 1980-yillardagi BBS kabi, yashil-qora terminal, monoshirnli shrift.
• Sport va siyosatni o‘tkazib yubor. Ob-havo va taqvimimdagi keyingi uchta tadbirni har doim ko‘rsat.

Yangi ko‘rsatmalarni darhol qo‘llash uchun Save & rebuild tugmasini bosing.

Claude modelini tanlash

Model sozlamasi bosh sahifangizni qaysi Claude modeli yozishini belgilaydi:

• Claude Sonnet 5.5: sifat va narx o‘rtasidagi standart muvozanat.
• Claude Haiku 5.5: eng tezkor va eng arzon variant.
• Claude Opus 5.5: eng sinchkov muharrir va eng qimmat variant.

O‘zgartirilgan model keyingi yaratish jarayonidan boshlab amal qiladi. Har bir yaratish jarayoni Anthropic API kalitingiz hisobidan to‘lanadigan bitta agent sessiyasidir, umumiy narx esa tanlangan model va agent o‘qiydigan kontent miqdoriga bog‘liq.

Avtomatik qayta yaratishni boshqarish

Avtomatik qayta yaratish sukut bo‘yicha yoqilgan. Bitta qo‘lda yaratish jarayonini tugatganingizdan so‘ng, kengaytma bosh sahifa siz tanlagan intervaldan ko‘proq vaqt davomida yangilanmagan bo‘lsa, uni jimgina qayta yaratishi mumkin: 6, 12, 24 yoki 48 soat.

Avtomatik qayta yaratish muvaffaqiyatsiz jarayonni keyingi intervalgacha qayta urinmaydi, shu orqali cheksiz qayta urinishlar siklining oldi olinadi. Darhol qayta yaratish uchun yuqori o‘ng burchakdagi ↻ Rebuild tugmasini bosing. API sarfini nazorat qilish uchun avtomatik qayta yaratishni o‘chirib, faqat kerak bo‘lganda qo‘lda yaratishingiz ham mumkin.

Kengaytma nimalarga kira olishini tushuning

Har bir yaratish jarayonida kengaytma brauzer tarixingizdagi saytlarni saralaydi va sakkiztagacha sahifani ochadi. U qidiruv tizimlari, veb-pochta, bank saytlari va tizimdan chiqilgan marketing sahifalarini o‘tkazib yuboradi. Agar sahifani ochib bo‘lmasa, natijada bu cheklov ko‘rsatiladi.

Maxfiylik haqida ogohlantirish: kengaytma brauzer tarixingizning xulosasini, jumladan asosiy domenlar, tashriflar soni va ayrim sahifa sarlavhalarini, shuningdek sakkiztagacha sahifaning tozalangan HTML kodini Anthropic API'ga yuboradi. Sahifalar tizimga kirilgan brauzeringizda yuklangani sababli, ularda maxfiy kontent bo‘lishi mumkin.

Yig‘ish jarayoni sizning shaxsiy API kalitingizdan foydalanadi va u kengaytmaning mahalliy xotirasida saqlanadi. Har bir yig‘ish yakunlanganda agent sessiyasi va yuklangan sahifalar o‘chiriladi. Maxfiylik tafsilotlari uchun ARCHITECTURE.md faylini o‘qing. Loyihada, shuningdek, kengaytmani o‘zgartirishlarsiz do‘konga joylashtirishdan ogohlantiriladi, chunki brauzer profiliga kirish huquqiga ega bo‘lgan har qanday kishi saqlangan API kalitini o‘qishi mumkin.

Yig‘ish jarayoni qanday ishlaydi

1. getHistory siz eng ko‘p tashrif buyurgan domenlaringizning tartiblangan qisqacha ma’lumotini taqdim etadi.
2. getPageHtml sakkiztagacha sahifani tanlaydi. Kengaytma ularni fon oynasida ochadi, HTML kodini tozalaydi va natijalarni agent sandbox’iga fayllar sifatida joylaydi.
3. grep va read ushbu fayllardan sarlavhalar, postlar va havolalarni ajratib oladi.
4. write yangi tab sahifasi ko‘rsatadigan React komponentini yaratadi.

Kengaytmaning fon ishchisi vositachi serversiz, Claude Managed Agents sessiyasini bevosita boshqaradi. Ikki maxsus vosita kengaytma ichida ishlaydi, chunki ular uchun chrome.history va chrome.tabs kerak. Boshqa qayta ishlashlar agent sandbox’ida amalga oshiriladi; u yerda shell orqali kirish o‘chirilgan, chunki yig‘ib olingan sahifalar ishonchsiz kiritma sifatida qaraladi.

Loyihani ishlab chiqish va sinash

Repozitoriy uchta asosiy qismga bo‘lingan:

• packages/agent-core: chrome.* yoki node:* dan foydalanmaydigan, muhitga bog‘liq bo‘lmagan agent sikli.
• apps/extension: WXT va React asosidagi MV3 kengaytmasi.
• harness: agent yadrosini Chrome’dan tashqarida ishga tushirish va yig‘ilgan kengaytmani sinash uchun Bun skriptlari.

Foydali ishlab chiqish buyruqlari:

pnpm dev                 # hot reload bilan WXT
pnpm typecheck           # barcha paketlar
pnpm test                # birlik testlari; API chaqiruvlari yo‘q, Bun talab qilinadi
pnpm extension:test      # headless Chrome kengaytma testi; API chaqiruvlari yo‘q

Haqiqiy API va namunaviy tarix ma’lumotlari bilan to‘liq agent yig‘ilishini ishga tushirish uchun muhit faylini yarating va kalitingizni kiriting:

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

Tekshiruv buyrug‘i yaratilgan natija haqiqatan ham ko‘rsatilishini tekshiradi.

Kengaytmani yangilash

Repozitoriydagi yangi o‘zgarishlarni yuklab olgandan so‘ng, kengaytmani qayta yig‘ing:

npx pnpm@10.11.1 build

So‘ng chrome://extensions manzilini oching va AI Homepage uchun qayta yuklash belgisini bosing. Yangilangan yig‘ilma keyingi yangi tablar uchun ishlatiladi.

Xulosa

AI Homepage yaqinda ko‘rilgan sahifalarni shaxsiylashtirilgan va muntazam yangilanib turadigan yangi tab tajribasiga aylantiradi. Uni Chromium kengaytmasini mahalliy qurish orqali o‘rnating, Anthropic kalitingizni kiriting va kerakli maket hamda o‘qish ustuvorliklarini tavsiflang. Foydalanishdan oldin API xarajatlarini, yig‘ish jarayonida yuklanishi mumkin bo‘lgan maxfiy kontentni va loyihaning eksperimental maqomini hisobga oling.