Groselia

لم يعد البناء هو العائق. صار الظهور هو العائق.

أسقط الذكاء الاصطناعي تكلفة صنع البرمجيات. مؤسس بلا خلفية هندسية يستطيع اليوم إطلاق منتج في عطلة نهاية أسبوع، وكذلك يستطيع الجميع. ما لم يصبح أرخص هو أن تجعل أحدًا يلاحظه. التوزيع عملية مستمرة، لا مهمة: النشر كل يوم، على ثماني شبكات تريد كلٌّ منها صيغة مختلفة، والرد على كل تعليق، وقراءة أرقام يُبلغ عنها كل تطبيق بطريقة مختلفة.

تدفع الشركات الناشئة ثمن ذلك بإحدى ثلاث طرق. توظّف فريقًا لا تقدر عليه بعد، أو تجمع عشرات الأدوات التي تحلّ كلٌّ منها جزءًا صغيرًا، أو لا تنشر شيئًا وتدفع الثمن من نموّها. وُجدت Groselia لتكون الخيار الرابع.

غيّرت Groselia شكلها أربع مرات قبل أن تجد ما هي عليه. كل تحوّل احتفظ بما نجح وتخلّى عن الباقي.

1. 

   أواخر 2025 – فبراير 2026

   Argibee

   منصة لتصميم الهويات بالذكاء الاصطناعي. بدأت كنموذج أولي في أواخر 2025 وصارت شركة حقيقية في فبراير 2026. لم تجد سوقها، لكن محرّك Brand Kit فيها صار العمود الفقري لكل ما جاء بعدها.

2. 

   أبريل 2026

   فيديو متحرك

   بدأت Groselia بفيديوهات إطلاق على طريقة Apple مصنوعة من قوالب After Effects. تحقّقت من خط الإنتاج كاملًا يدويًا، ثم رأيت أنه لا يمكن توسيعه بمستوى الجودة المطلوب.

3. 

   يونيو 2026

   تمويل أولي من Link Vector

   انضممنا إلى Startup School التابعة لـ Link School of Business، وهو برنامج للمؤسسين مدته 100 يوم صُوّر كبرنامج واقع (شاهد الموسم ↗). اختُتم بيوم عرض قدّمت فيه Groselia على المسرح، وبجولة التمويل الأولية: استثمار بقيمة R$100k من Link Vector، مسرّعة الأعمال التابعة لـ Link School of Business التي تخرّجت فيها.

   

4. أغسطس 2026

   Lovable للتسويق

   محادثة واحدة بدل نموذج: صِف الحملة، فتخطّط لها Groselia وتكتبها وتنشرها. وكيل دردشة بأدوات، لا مجموعة من البوتات.

5. سبتمبر 2026

   مدير حسابات تواصل اجتماعي

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

6. 

   الآن

   الخدمة كبرمجية

   نبيع العمل، لا الأداة. يدير فريقنا حسابات كل عميل على المنصة، ما يجعل شخصًا واحدًا قادرًا على إدارة ما كان يتطلب وكالة.

بُنيت بشكل علني

بنينا بشكل علني منذ البداية. حين كانت الشركة لا تزال Argibee، شاركنا الرحلة على YouTube، من إطلاق قائمة انتظار Argibee إلى أول فيديو عرضنا فيه Groselia. بقية القصة، فيديو بعد فيديو، على قناتنا ↗.

أردت أن تكون هوية Groselia جريئة: شيئًا يجعل الناس يتوقفون وينظرون، في الموقع وفي التطبيق وفي كل منشور على حساباتنا. أينما صادفها أحد، يجب أن تُبهره، وأن تكسب شيئًا من إعجابه، وأن تجعله يرغب في التعاقد معنا بسبب ما رآه للتو. وفوق كل شيء، كان عليها أن تبدو رائعة في عيون الشركات التقنية الناشئة، المنظومة التي ننتمي إليها والعملاء الذين نبني لهم أولًا.

صمّمت الهوية كاملة باستخدام إضافة Figma داخل Codex: الشعار، والطباعة وطريقة اقترانها بالرمز بالنسب الصحيحة، والصور، ومكتبة أيقونات SVG، وأنماط الخطوط، ولوحة ألوان منظّمة. وُضع كل قرار على لوحة واحدة، مقيسًا، ليمكن مقارنته ومناقشته.

الرمز

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

الشعار النصي

الشعار النصي مكتوب بخط TT Commons Pro Bold، بأحرف صغيرة، ومحوّل إلى مسارات متجهة ليظهر بالشكل نفسه في كل مكان. بمسافاته الطبيعية بدا متراخيًا بجانب الرمز، فضيّقته إلى تباعد −4% بتحريك كل حرف 6.4 وحدات إضافية إلى اليسار عند 160px. يبدو الأمر ضئيلًا؛ لكنه قلّص عرض الكلمة من 564 إلى 520 وحدة وجعلها تُقرأ كشكل واحد.

شبكة من H

كل شيء يُقاس بوحدة H، أي الارتفاع المرئي للشعار النصي، على شبكة من H/10. بهذا يتغيّر حجم الشعار دون أن يضطر أحد إلى ضبطه بالعين من جديد.

للشعار العمودي رسمت ستة خيارات، ثلاثة أحجام للرمز (1.50H و1.75H و2.00H) مع مسافتين (0.15H و0.25H)، واخترنا B: رمز بحجم 1.75H، فوق الكلمة بمسافة 0.15H. وللشعار الأفقي قارنت مسافات من 0.20H إلى 0.35H واستقررت على رمز بحجم 1.10H مع مسافة 0.35H.

أفقي

الرمز 1.10H · المسافة 0.35H

عمودي

الرمز 1.75H · المسافة 0.15H

الرمز

النسبة الأصلية، 0.93 : 1

Colour

The palette is fifteen colours, loud on purpose. But the logo only ever comes in four treatments: blue symbol with black text, blue with white, all black and all white. The other colours are grounds, never the symbol.

To prove that, I put the symbol and both lockups on twelve backgrounds, 24 studies each, and kept the ones where its silhouette survives. On blue grounds the symbol goes monochrome. Click a colour to copy it.

الطباعة

TT Commons Pro يؤدي كل المهام: ستة أوزان من Light إلى ExtraBold، وسلّم من إحدى عشرة درجة من 12 إلى 96px، وخط مائل حقيقي. نقلت إليه كل طبقات النص في الملف، وعددها 688، فصار دليل الهوية والتطبيق والموقع يتحدثون بصوت واحد.

أيقونة التطبيق

أيقونة التطبيق هي المكان الوحيد الذي تصبح فيه الهوية ثلاثية الأبعاد: الرمز من البورسلين، بطبقات، مضاء من الأعلى ولامع قليلًا. في تحديث لاحق صغّرت الرمز داخلها بنسبة 10% ليتنفس داخل مربعه. ولها أيضًا اقترانها الخاص مع الشعار النصي، بمربع بحجم 1.5H.

عالم من الأشكال ثلاثية الأبعاد

حول الشعار تعيش مجموعة من الأشكال ثلاثية الأبعاد: قلب بعيون متحركة، وفقاعات دردشة، وهاشتاغ، وبريق. إنها صوت الهوية في الموقع وفي منشوراتنا، ولا تهدأ أبدًا: تطفو، وفي الموقع تتفاعل مع المؤشر. وهذه أيضًا: ادفعها، أو اسحب واحدة إلى الخلف ثم أفلتها.

رسومات Neo

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

كل شيء في Groselia يتم بالكتابة في دردشة واحدة. تكتب ما يجب نشره ومتى، فتجدوله وتنشره وترد على التعليقات وتخبرك بما نجح. يصل العمل على شكل خطة واحدة يعتمدها المالك، بدل عشرات الشاشات التي عليه تشغيلها.

أبرز الميزات

• Brand Kit من رابط

  الصق رابط موقع واربط حساباتك. تقرأ Groselia الموقع، ومنشوراتك السابقة، وتملأ الشعار والألوان والخطوط والأسلوب والجمهور بنفسها.

• محادثة واحدة

  وكيل ذكاء اصطناعي بـ 41 أداة يكتب التعليقات لوسائطك، ويختار الأوقات من بيانات تفاعلك أنت، ويقرأ المقاييس ويكتب مسودات الردود، ثم يجمع كل ذلك في خطة.

• تقويم لثماني شبكات

  Instagram وLinkedIn وTikTok وYouTube وX وFacebook وThreads وReddit، كلٌّ بصيغته الأصلية، مع استيراد المنشورات السابقة فلا يبقى التقويم فارغًا أبدًا.

• ردّ على كل تعليق

  التعليقات والرسائل الخاصة من كل شبكة في صندوق وارد واحد، مع ردود مكتوبة بأسلوب العلامة التجارية، وكل ما هو حساس يُترك لإنسان.

• Insights بلغة واضحة

  الوصول والمشاهدات والتفاعل عبر كل الحسابات، بصدق حول ما تُبلغ عنه كل منصة وما لا تُبلغ عنه، وإجابة عن سؤال «ما الذي ينجح؟».

• الدورات والاعتمادات

  يجري العمل في دورات. تبدأ كل دورة باجتماع، وتنتهي بتقرير يكتبه الذكاء الاصطناعي من الأرقام، ويمكن لكل منشور أن ينتظر اعتماد العميل.

بُنيت بوكلاء الذكاء الاصطناعي

بنيت Groselia وفريقي الهندسي هو وكلاء الذكاء الاصطناعي. Codex وClaude Code كتبا الكود، كل تغيير في فرعه الخاص، بينما صمّمت أنا وراجعت كل طلب دمج وقرّرت ما يُطلق.

ونطقت معظم أوامري بدلًا من كتابتها، باستخدام Wispr Flow. الأمر الجيد هو موجز طويل ومفصّل، والكلام أتاح لي أن أعطيه بسرعة تفكيري.

• 

  Codex

  وكيل برمجة

• 

  Claude Code

  وكيل برمجة

• 

  Wispr Flow

  إملاء صوتي

الموقع هو حيث ترفع الهوية صوتها. صمّمته وبنيته بـ Next.js. وهو متاح بسبع عشرة لغة، وينقل لغة كل زائر إلى التطبيق عند التسجيل.

واجهة يمكنك اللعب بها

يدور الشعار للداخل أثناء تحميل الصفحة، ثم تأتي الواجهة الرئيسية: أشكال ثلاثية الأبعاد تطفو، وتميل مع الفأرة، ويدفعها المؤشر في كل اتجاه، ومشهد تمرير ينتهي بعبارة «Made for you».

groselia.com

التطبيق الحقيقي، مُعاد بناؤه

قسم «Inside your Groselia» يعرض المنصة كما هي، مُعاد بناؤها بالكود من شاشات التطبيق نفسها مع علامة تجارية تجريبية.

groselia.com

مدوّنة

ملاحظات عن إدارة وسائل التواصل. المنشورات ملفات MDX بسيطة، واحد لكل لغة، بلا نظام إدارة محتوى، ولكلٍّ منها خلاصته وبياناته المنظّمة، فتقرؤها محركات البحث ومساعدات الذكاء الاصطناعي بشكل صحيح.

groselia.com

نموذج يؤهّل العملاء المحتملين

كل زر «Book a call» يفتح نموذجًا قصيرًا قبل التقويم: من أنت، وأين تنشر، وما تحتاجه، وميزانيتك. تُحفظ كل خطوة في قاعدة بياناتنا أولًا بأول، فنرى حتى الإجابات غير المكتملة، والنموذج المكتمل يرسل تنبيهًا لفريقنا على Slack.

groselia.com

متجاوب، دائمًا

كل صفحة مصمّمة للهواتف أيضًا، لا مجرد مصغّرة لتتسع. وحيث لا يوجد تمرير بالمؤشر، تستيقظ الأقسام حين تصل إلى منتصف الشاشة.

البنية

بنيت المنصة بنفسي، والذكاء الاصطناعي شريكي في العمل. التطبيق مبني بـ React وVite، وصفحة الهبوط بـ Next.js، وكلاهما يقوم على مشروع Supabase واحد: Postgres مع أمان على مستوى الصفوف، والمصادقة، وRealtime، والتخزين، و47 دالة edge. كل ما هو بطيء أو مجدول يعمل على Trigger.dev، والشبكات الاجتماعية تأتي عبر واجهة API واحدة للنشر، وStripe يتولى الخطط والبطاقات والبوليتو البرازيلي.

وهناك أيضًا خادم MCP وإضافة لـ Codex، ليمكن استخدام Groselia من داخل وكيل ذكاء اصطناعي: العلامات التجارية والمنشورات والمسودات نفسها، على شكل أدوات.

أين يُستخدم

تطبيق الويبالموقعخادم MCP

↓

النواة

Supabase

المصادقةPostgresRealtimeالتخزينEdge functions

↓

خلف الكواليس

نماذج LLM رائدةTrigger.devواجهة API للنشرStripePostHog

التطبيق والموقع وخادم MCP مستضافة على Vercel.

مرّر المؤشر أو المس مربعًا لترى ما يفعله ومع ماذا يتواصل.

رحلة منشور

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

الوكيل

يعمل الوكيل على أفضل النماذج في السوق، من Anthropic وOpenAI ومزوّدين آخرين، كدالة edge واحدة تبثّ ردودها مع حلقة أدوات. يحصل النموذج على 41 أداة خاصة به إضافة إلى البحث في الويب وجلب الصفحات، حتى ثماني خطوات في الدور الواحد. لم يكن النموذج هو الجزء الصعب أبدًا. الصعب كان ضمان أن يعرف الوكيل دائمًا ما هو صحيح الآن.

لذلك في كل دور، قبل أن يرى النموذج الرسالة، تعيد الدالة بناء السياق من قاعدة البيانات: التاريخ والوقت بالمنطقة الزمنية للمالك، ومستندات ذاكرة العلامة التجارية، والتقويم المباشر، والخطط المفتوحة، والمستندات المرفوعة، وملخص يتجدّد للرسائل الأقدم. الجزء الثابت من الأوامر يُخزّن مؤقتًا لساعة؛ أما هذا الجزء فلا يُخزّن أبدًا، فلا يمكن أن يتقادم.

قاعدتان شكّلتا الباقي. كل ما هو علني أو لا رجعة فيه يدخل في خطة يعتمدها المالك، ولا يُنشر مباشرة أبدًا. والمنشور لا يوجد إلا إذا أنشأته أداة في هذا الدور، وهذا أنهى الأيام التي كان الوكيل يصف فيها عملًا لم يقم به. والوكيل غير مرتبط بنموذج واحد: حين صار نموذج أصغر وأرخص جيدًا بما يكفي، نقلت الدردشة إليه لخفض تكلفة كل محادثة.

سياق يُعاد بناؤه في كل دور

التعليمات والأدواتمخزّنة مؤقتًا لساعة

التاريخ والوقتالمنطقة الزمنية للمالك

مستندات الذاكرةالتفضيلات، وما يجب وما لا يجب

التقويم المباشركل منشور وحالته

الخطط المفتوحةالمقترحة والمعتمدة

القصة حتى الآنملخص يتجدّد باستمرار

→نموذج اللغةأفضل النماذج · حتى 8 خطوات→

استدعاءات الأدوات

✓get_posting_times

✓get_insights

✓propose_plan

خطة بانتظار الاعتماد

أسبوع المحصول: 3 منشورات و4 ردود

// Volatile block: time + memory + live calendar + active plans + rolling summary.
// Rebuilt each turn (never cached) so the agent always sees current state.
const volatileSystem = () => {
  const parts = [
    nowBlock,
    renderMemories(memories),
    renderCalendar(calendar, todayISO),
    renderPlans(plans),
  ]
  if (documents.length) parts.push(renderDocuments(documents))
  if (rollingSummary) parts.push(`STORY SO FAR (summary of earlier messages in THIS conversation):\n${rollingSummary}`)
  // … then a line for each of the brand's other conversations
  return parts.join('\n\n')
}

نموذج البيانات

نحو 55 جدولًا، في مجموعات قليلة واضحة. لمساحة العمل أعضاء وعلامات تجارية؛ وكل ما عدا ذلك يتفرّع من العلامة التجارية، فيستطيع الأمان على مستوى الصفوف أن يجيب في كل مكان عن سؤال واحد: هل هذا الشخص عضو في هذه العلامة التجارية؟

الموثوقية والأمان

تنشر Groselia على حسابات حقيقية، لذا فالأخطاء المكلفة هي أن يُنشر منشور مرتين، أو ألا يُنشر أبدًا دون أن يلاحظ أحد. ومعظم العمل الهندسي هناك.

لفترة كان تطبيقي المحلي والتطبيق المباشر يتشاركان قاعدة بيانات إنتاج واحدة، ومرة سبق ترحيلٌ عمليةَ النشر فأفرغ صفحة Brand Kits المباشرة. منذ ذلك الحين يجري عمل الخلفية أولًا على فرع Supabase، ثم يُدمج في الإنتاج مع الكود الذي يحتاجه.

الجودة وسير العمل

نحو 1,000 حالة اختبار موزّعة على 140 ملف اختبار تغطي التطبيق وخادم MCP ودوال edge. بعض الفحوص موجودة لأن شيئًا ما تعطّل مرة: اختبار تكافؤ يُفشل البناء إذا نقص مفتاح في أي من اللغات الـ17، ومجموعات اختبار قاعدة البيانات لـ MCP تعمل على بيانات اصطناعية وتتراجع في النهاية.

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

شخص واحد أطلق أكثر من 520 طلب دمج بمعاملة وكلاء الذكاء الاصطناعي كفريق. كل تغيير يحصل على فرعه الخاص في git worktree خاص به، فيستطيع Claude Code وCodex العمل على عدة أشياء في آن واحد دون أن يتعارضا. كلٌّ منهما يشغّل اختباراته وفحوص الأنواع، ويفتح طلب دمج صغيرًا، ولا يُدمج شيء قبل أن أقرأه.

كلٌّ منها بدا خللًا في الواجهة ثم تبيّن أنه شيء أعمق: شكل تدفّق البيانات، أو طابع زمني، أو ما تُبلغ عنه الشبكة فعلًا، أو ساعة.

export function sameInstant(a: string | null | undefined, b: string | null | undefined): boolean {
  if (a == null && b == null) return true;
  if (a == null || b == null) return false;
  if (a === b) return true;
  const ta = Date.parse(a);
  const tb = Date.parse(b);
  return Number.isFinite(ta) && Number.isFinite(tb) && ta === tb;
}