تخيل معايا السيناريو ده
أنت على طيارة، أو في كابينة جبلية، أو ببساطة مش عايز كودك يروح على سيرفرات حد تاني. فتحت ChatGPT أو Claude — مفيش إنترنت. فتحت Cursor — محتاج API key ورصيد. إيه الحل؟
الحل اسمه Gemma Chat.
إيه هو Gemma Chat؟
Gemma Chat هو تطبيق Electron مفتوح المصدر بيشغّل نموذج Google Gemma 4 محلياً على أجهزة Apple Silicon (M1/M2/M3/M4). بتوصفله اللي عايز تبنيه، وهو بيكتب الكود — HTML، CSS، JavaScript، مشاريع متعددة الملفات — مع Preview حي بيتحدث وهو بيكتب. من غير إنترنت، من غير API keys، من غير ما بياناتك تطلع من جهازك.
الريبو على GitHub وصل لـ 706 نجمة في وقت قصير — وده مش صدفة.
الفكرة الجوهرية: Vibe Coding بدون سحابة
أدوات الـ Vibe Coding الموجودة زي Cursor وWindsurf وBolt كلها بتعتمد على سيرفرات خارجية. يعني:
- كودك بيعدي على سيرفرات شركات تانية.
- لازم يكون معاك إنترنت طول الوقت.
- بتدفع رصيد مع كل طلب.
- لو الـ API اتوقف، شغلك وقف معاه.
Gemma Chat بيقلب المعادلة دي كلها — النموذج شغّال على الـ chip بتاعتك مباشرةً عبر إطار MLX من Apple.
الفيتشرز الرئيسية
- 🛠 Build Mode: Coding agent كامل مع Preview Canvas حي. بيكتب مشاريع متعددة الملفات في workspace معزول.
- 💬 Chat Mode: محادثة AI عادية مع Tool Use (ويب سيرش، URL fetch، calculator، bash commands).
- 🔄 Model Switching: تبديل بين 4 إصدارات من Gemma أثناء الشغل.
- 🎤 Voice Input: إدخال صوتي محلي عبر Whisper داخل المتصفح.
- ✈️ شغّال Offline: بعد تنزيل النموذج مرة واحدة، كل حاجة من غير إنترنت.
- 💾 Zero Config: Python venv وMLX runtime بيتثبتوا أوتوماتيك أول مرة.
النماذج المتاحة: اختار على حسب جهازك
| النموذج | الحجم | الأنسب لـ |
|---|---|---|
| Gemma 4 E2B | ~1.5 GB | أسئلة سريعة ومهام بسيطة |
| Gemma 4 E4B | ~3 GB | الأنسب للغالبية — توازن بين السرعة والقدرة |
| Gemma 4 27B MoE | ~8 GB | استدلال أقوى (محتاج 16 GB+ RAM) |
| Gemma 4 31B | ~18 GB | أعلى جودة (محتاج 32 GB+ RAM) |
إزاي يشتغل من الداخل؟
الـ Agent Loop في Build Mode بيعمل حاجة ذكية: بيـstream التوكنز من سيرفر MLX المحلي، وبيـparse منها XML blocks اسمها <action>، وبيـexecute كل action (كتابة ملفات، أوامر bash)، ويبعت النتيجة تاني للنموذج في الـ turn الجاي. ده بيخلي الـ agent يكمل في مشاريع معقدة خطوة خطوة بدون ما تدخّل.
والأروع: الـ Preview بيتحدث كل ~450ms وهو لسه بيكتب — بتشوف الصفحة بتتبني قدامك حرفياً.
إزاي تثبته؟
المتطلبات: macOS على Apple Silicon، Python 3.10-3.13، Node 20+.
git clone https://github.com/ammaarreshi/gemma-chat.git
cd gemma-chat
npm install
npm run devأول تشغيل هيعمل كل حاجة أوتوماتيك: Python venv → تثبيت MLX-LM → تحميل النموذج (~3 GB) → وخلاص، جاهز تشتغل.
مين المستفيد الأول من الأداة دي؟
الأداة دي مش بس للمبرمجين المحترفين. هي مثالية لـ:
- اللي عندهم Mac Apple Silicon ومش عايزين يدفعوا اشتراك شهري لأدوات الكود.
- المهتمين بالـ Privacy: كودك مش بيطلع من جهازك خالص.
- المشاريع الحساسة: أكواد عملاء أو مشاريع بيزنس مش مناسبة ترفعها للسحابة.
- المتعلمين: تجربة Vibe Coding حقيقية بدون تكلفة API.
- اللي شبكة الإنترنت مش مستقرة معاهم: الشغل مستمر مهما حصل.
شارك في المسابقة واكسب جوايز 🏆
جرّب الأداة وشارك تجربتك معانا في المسابقة:
🎓 عايز تتعلم Vibe Coding من الصفر؟
Gemma Chat هو مجرد لمسة على عالم الـ Vibe Coding. لو عايز تتعلم إزاي تبني تطبيقات كاملة بالـ AI من الفكرة للـ deployment، كورس Vibe Coding موجود ضمن الـ AI Bundle بخصم 50٪ — جنب كورسات n8n Automation وAI Video Production.
اشترك في النشرة الإخبارية بتاعتنا عشان يوصلك أحدث الأدوات والكورسات أول بأول.
