صايب صفحة رئيسية شخصية بالذكاء الاصطناعي فالتبويب الجديد باستعمال AI Homepage

شنو كيدير AI Homepage

AI Homepage كيبدّل صفحة التاب الجديد ديال Chrome ولا Chromium بصفحة رئيسية مكتوبة انطلاقاً من المواقع اللي كتتصفّح فعلاً. الوكيل ديالو كيراجع ملخّص مرتّب للتاريخ ديال التصفّح، وكيفتح حتى لثمانية صفحات ذات صلة فالمتصفّح اللي داخل فيه بالحساب ديالك، وكيحلّل المحتوى ديالها، وكيكتب صفحة جديدة مبنية بـ React.

النتيجة تقدر تشبه لجريدة صباحية، ولا لائحة قراءة هادئة، ولا لوحة عمل عامرة بالمعلومات، ولا تقريباً أي ستيل آخر كتوصفو. الصفحة الرئيسية كتعاود تبنى فالخلفية باش التاب الجديد يعكس شنو كنتي كتقرا مؤخراً.

كل رابط كيتولّد جاي من صفحة قراها الوكيل فعلاً. الوكيل مبرمج ما يخترعش الروابط، والصفحات اللي ما قدرش يحلّها كيعرضها فالتقرير بلا ما يحيدها فصمت.

قبل ما تبدا

خاصك هاد الحوايج:

• Chrome ولا شي متصفّح آخر مبني على Chromium
• Node.js بالإصدار 20 ولا أحدث
• مفتاح Anthropic API

AI Homepage مشروع تجريبي فمرحلة مبكّرة، ومصمّم باش يتشغّل بالمفتاح ديالك. راجع الآثار ديالو على الخصوصية والأمان قبل ما تثبّتو.

ثبّت الإضافة

1. نسخ المستودع ودخل للمجلد ديالو:

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

1. ثبّت الاعتماديات وبني الإضافة باستعمال نسخة pnpm المحددة:

npx pnpm@10.11.1 install
npx pnpm@10.11.1 build

إلا كان pnpm مثبت من قبل، استعمل هاد الأوامر المكافئة:

pnpm install
pnpm build

1. حلّ chrome://extensions فـ Chrome.
2. فعّل Developer mode باستعمال المفتاح اللي فالجهة الفوقانية على اليمين.
3. كليكي على Load unpacked واختار apps/extension/.output/chrome-mv3.
4. إلا سَوّلك Chrome واش بغيتي تخلي صفحة التاب الجديد مبدّلة، اختار Keep it.

بني أول صفحة رئيسية

1. حلّ تاب جديد.
2. لصّق مفتاح Anthropic API ديالك ملي يطلبو منك.
3. كليكي على Build today's homepage.

واجهة التقدّم كتبرز مراحل البناء: تحضير الوكيل، قراية التاريخ ديال التصفّح، فتح الصفحات فالمتصفّح، تحليل هاد الصفحات، وكتابة الصفحة الرئيسية. البناء الأول يقدر ياخذ بضع دقايق.

تقدر تسدّ التاب والبناء باقي خدام. الإضافة كتدير البناء فالعامل ديالها اللي خدام فالخلفية، والنتيجة ولا التقدّم كيبقاو متاحين من أي تاب جديد. إلا تسدّ Chrome وسط البناء، التاب الجديد اللي من بعد كيعرّض Resume interrupted build.

خصّص المحتوى والتصميم

حلّ ⚙️ Settings فصفحة التاب الجديد. الحقل ديال Instructions كيدخل فكل بناء وكيكون عندو الأولوية على التعليمات الافتراضية ديال الوكيل. هو اللي كيتحكّم فالمحتوى والاتجاه البصري ديال الصفحة.

مثلاً، تقدر تستعمل تعليمات بحال:

• جريدة صباحية. خط بسيريف، عنوان رئيسي كبير، خبر رئيسي، وعمود ديال الأخبار القصيرة.
• عمود واحد هادئ. بلا تصاور. خمسة حوايج مهمّين للقراية، ومع كل واحد سطر علاش مهم.
• لوحة معلومات عامرة: GitHub PRs والمشاكل اللّولين، من بعد Hacker News، ومن بعد كلشي آخر.
• ترمينال خضراء فوق لكحل، بخط monospace، بحال BBS ديال الثمانينات.
• حيد الرياضة والسياسة. ديما بيّن الطقس وثلاثة المواعيد الجايين ديال التقويم ديالي.

كليكي على Save & rebuild باش تطبّق التعليمات الجديدة فالحين.

اختار موديل Claude

إعداد Model كيحدّد شنو هو موديل Claude اللي غادي يكتب الصفحة الرئيسية ديالك:

• Claude Sonnet 5.5: التوازن الافتراضي بين الجودة والتكلفة.
• Claude Haiku 5.5: الاختيار الأسرع والأقل تكلفة.
• Claude Opus 5.5: المحرّر الأكثر عناية، وهو الاختيار الأغلى.

الموديل اللي تبدّل كيبدا يخدم فالبناء الجاي. كل بناء هو جلسة وحدة ديال الوكيل كتتحسب على مفتاح Anthropic API ديالك، والتكلفة الإجمالية كتتعلّق بالموديل المختار وبكمية المحتوى اللي كيقراه الوكيل.

تحكّم فإعادة البناء التلقائية

إعادة البناء التلقائية مفعّلة افتراضياً. من بعد ما تكمل بناء يدوي واحد، الإضافة تقدر تعاود تبني الصفحة الرئيسية بهدوء ملي تولّي أقدم من المدة اللي اخترتي: 6 ولا 12 ولا 24 ولا 48 ساعة.

إعادة البناء التلقائية ما كتعاودش محاولة بناء فاشلة حتى يدوز الفاصل الجاي، وهاد الشي كيمنع حلقة محاولات ما كتساليش. باش تعاود البناء دابا، كليكي على ↻ Rebuild فالجهة الفوقانية على اليمين. وتقدر حتى تعطل إعادة البناء التلقائية وتبني غير ملي تحتاج، باش تتحكّم فاستعمال API.

فهم شنو تقدر الإضافة توصل ليه

فكل بناء، الإضافة كترتّب المواقع فالتاريخ ديال التصفّح وكتحلّ حتى لثمانية صفحات. كتتخطّى محركات البحث، والبريد الإلكتروني على الويب، ومواقع الأبناك، وصفحات التسويق اللي ما داخلش فيها بالحساب. إلا ما قدرش يتحلّ شي موقع، النتيجة كتبرز هاد المحدودية.

تحذير ديال الخصوصية: الإضافة كترسل لـ Anthropic API ملخّص على التاريخ ديال التصفّح، فيه النطاقات الرئيسية، وعدد الزيارات، وبعض عناوين الصفحات، وزايد HTML منقّى ديال حتى لثمانية صفحات. حيث الصفحات كتتحلّ فالمتصفّح اللي داخل فيه بالحساب ديالك، ممكن يكون فيها محتوى خاص.

البناء كيستعمل مفتاح API ديالك، وكيبقى مخزّن فالتخزين المحلي ديال الإضافة. جلسة الوكيل والصفحات اللي ترفعات كيتحيدو ملي كيسالي كل بناء. قرا ARCHITECTURE.md باش تعرف تفاصيل إضافية على الخصوصية. المشروع حتى هو كيحذّر من نشر الإضافة فمتجر كيف ما هي، حيث أي واحد عندو الولوج لملف تعريف المتصفح يقدر يقرا مفتاح API المخزّن.

كيفاش كيخدم البناء

1. getHistory كيوفّر ملخّص مرتّب ديال النطاقات اللي كتزورها بزاف.
2. getPageHtml كيختار حتى لثمانية ديال الصفحات. الإضافة كتحلّهم فنافذة فالخلفية، كتنقّي HTML ديالهم، وكتثبّت النتائج كملفات فالصندوق المعزول ديال الوكيل.
3. grep وread كيستخرجو العناوين، والمنشورات، والروابط من هاد الملفات.
4. write كينشئ مكوّن React اللي كتعرّضو صفحة التبويب الجديد.

العامل اللي خدام فالخلفية ديال الإضافة كيسوق جلسة Claude Managed Agents مباشرة، بلا خادم وسيط. الأداتين المخصّصتين كيجريو داخل الإضافة حيث كيحتاجو chrome.history وchrome.tabs. المعالجة الأخرى كتوقع فالصندوق المعزول ديال الوكيل، فين الولوج للصدفة معطّل حيث الصفحات المستخرجة كيتعتابرو مدخلات ما موثوقاش.

طوّر وجرّب المشروع

المستودع منظّم فثلاثة ديال المجالات الرئيسية:

• packages/agent-core: حلقة الوكيل المستقلة على المضيف، بلا chrome.* ولا node:*.
• apps/extension: إضافة WXT وReact بنظام MV3.
• harness: سكريبتات Bun لتشغيل نواة الوكيل خارج Chrome وتجريب الإضافة المبنية.

من أوامر التطوير المفيدة:

pnpm dev                 # WXT مع إعادة التحميل التلقائي
pnpm typecheck           # جميع الحزم
pnpm test                # اختبارات الوحدات؛ بلا استدعاءات API، وكيحتاج Bun
pnpm extension:test      # اختبار إضافة Chrome بلا واجهة؛ بلا استدعاءات API

باش تشغّل بناء كامل ديال الوكيل باستعمال API الحقيقية ومع سجلّ التصفح التجريبي، أنشئ ملف ديال البيئة وزوّد المفتاح ديالك:

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

أمر التحقّق كيتأكّد باللي الناتج المولّد كيتعرّض فعلاً.

حدّث الإضافة

من بعد ما تجيب تغييرات جديدة من المستودع، عاود بنِ الإضافة:

npx pnpm@10.11.1 build

من بعد حلّ chrome://extensions وكليكي على أيقونة إعادة التحميل ديال AI Homepage. البناء المحدّث غادي يتستعمل فالتبويبات الجديدة من بعد.

الخلاصة

AI Homepage كيحوّل التصفّح الأخير لتجربة تبويب جديد شخصية وكتتحدّث باستمرار. ثبّتو ببناء إضافة Chromium محلياً، ودخّل مفتاح Anthropic ديالك، ووصف التخطيط والأولويات ديال القراءة اللي بغيتي. قبل ما تستعملو، خذ بعين الاعتبار تكلفة API، والمحتوى الخاص اللي يقدر يترفع أثناء البناء، وكون المشروع مازال تجريبياً.