غالبًا، أكبر عائق أمام بدء إنشاء مجتمع هو “تخصيصه”.
تريد أن يكون الخط، والأسلوب، والمظهر مطابقًا لعلامتك التجارية.
في هذا المنشور، أودّ أن أغطي ما يمكن تحقيقه بطريقة بسيطة إلى حد ما باستخدام:
- Discourse MCP - GitHub - discourse/discourse-mcp: MCP client for Discourse sites · GitHub
- اشتراك تجريبي Pro أو Business في Discourse
- اشتراك في Open AI Codex
اخترت Codex هنا، لأن GPT-6 Astra الذي تم إصداره مؤخرًا هو فنان بصري موهوب بشكل لا يصدق. Kimi K3 و Fable قويان أيضًا في هذا المجال، لكنني أستخدم Astra في هذا العرض التوضيحي.
الخطوة 1 - إنشاء مفتاح API
انتقل إلى: your.site/admin/api/keys/new
أنشئ مفتاح API عالميًا.
ملاحظة أمنية: حافظ على سرية هذا المفتاح، وفكّر في إلغائه بمجرد انتهاء العمل، فهو يوفر وصولًا غير مقيد إلى الموقع.
الخطوة 2 - إضافة Discourse MCP
في هذا الشرح، أستخدم codex:
حرر: ~/.codex/config.toml
[mcp_servers.discourse]
command = "npx"
args = [
"-y",
"@discourse/mcp@latest",
"--toolsets",
"all",
"--allow-writes",
"--site",
"https://figment123.discourse.group",
"--auth_pairs",
'[{"site":"YOUR_SITE","api_key":"YOUR_API_KEY","api_username":"system"}]',
]
(ملاحظة: لا يسمح لك Codex باختيار أي من MCPs يجب تفعيلها أو تعطيلها، فكل ما هو موجود في الإعدادات سيتم تفعيله. يمكنك وضع enabled = false لتعطيل MCP مؤقتًا)
ملاحظة حول الأدوات: يدعم Discourse MCP أكثر من 140 أداة، وهذا الإعداد يجعل جميعها متاحة. يمكن لأطر العمل الحديثة مثل Claude وCodex التعامل مع هذا العدد جيدًا، ومع ذلك، قد تواجه العديد من أطر العمل صعوبة مع عدد أدوات بهذا القدر - على سبيل المثال، سيتطلب Grok build تصفية الأدوات)
بمجرد إضافة Discourse MCP، تأكد من أن وكيلك (Agent) يمكنه الوصول إليه:
الخطوة 3 - امنح وكيلك الأدوات التي يحتاجها للقيام بالعمل
سيؤدي الوكيل أداءً أفضل بكثير إذا كان لديه:
- عيون، أي القدرة على رؤية عمله. (playwright MCP، استخدام الحاسوب، إلخ)
- سياق، يساعد Discourse MCP في ذلك، وكذلك يساعد كود مصدر Discourse
- توليد الصور - في حال كنت بحاجة إلى أصول بصرية (Assets) وما إلى ذلك.
تطبيق ChatGPT يحتوي على متصفح مدمج، تأكد من استخدامه. تأكد من استنساخ قاعدة كود discourse/discourse وبدء وكيلك من مجلد Discourse.
لا شيء من هذا مطلوب، لكن وجوده سيؤدي إلى نتائج أفضل بكثير.
الخطوة 4 - امنح وكيلك الذكاء وتعليمات واضحة
في هذه الحالة، بما أنني أريد رؤية نتائج جيدة جدًا، فقد اخترت GPT-6 Astra XHIGH.
ثم كتبت موجزًا صغيرًا مع ذكائي الاصطناعي حول ما أردته (سمة لمجتمع New Yorker)
موجز من تأليف الذكاء الاصطناعي
ابنِ The Salon، سمة Discourse مصقولة تُظهر كيف يمكن لعميل أن يحوّل هوية Discourse بشكل جذري. المرجع الإبداعي هو The New Yorker: مؤسسة تحريرية يشارك قراؤها في المحادثة. أنشئ هوية أصلية، وليس نسخة - لا شعارات مستعارة أو خطوط مملوكة غير مرخصة. استخدم العاجي الدافئ (#F7F4ED)، والحبر شبه الأسود (#20201E)، والأحمر التحريري المقيد (#B52B32)، وخطوطًا رفيعة، ومساحة بيضاء سخية، وعناوين رئيسية بخط Serif تعبيرية، ونصًا أساسيًا بخط Serif سهل القراءة، وبيانات وصفية بخط Sans-serif مضغوط. يجب أن تضيف الرسومات أحادية اللون ذكاءً وشخصية. لديك حرية إبداعية في تجميع أو تنزيل أو توليد أي أصول يحتاجها العرض التوضيحي - الخطوط، الرسومات، التصوير الفوتوغرافي، الصور الرمزية والأيقونات - باستخدام مواد مرخصة بشكل مناسب والاحتفاظ بالإسناد حيثما يلزم. تجنب بطاقات SaaS العامة، والرقائق الزائفة، والفوضى الزخرفية. استهدف مجلة أدبية معاصرة مع مجتمع حي بداخلها، وليس منتدى قوالب بألوان مختلفة.
تم تفويضك صراحةً لتجهيز نسخة العرض التوضيحي بالفئات والمواضيع والردود وملفات المساهمين الخيالية والمحتوى الداعم اللازم لجعل التجربة مقنعة. حافظ على المحتوى الحقيقي الموجود مسبقًا، وابقِ النشاط الخيالي قابلًا للتعرف عليه بوضوح كبيانات عرض توضيحي. أنشئ خمسة أقسام تحريرية - The Commons, Arts & Letters, City Life, Science & Ideas, Table Talk - مع أوصاف ورسومات مميزة. ابنِ شعار THE SALON قويًا، ومناقشة رائدة منسقة بعناية، وعناوين فرعية، وقسم للمحادثات الأحدث. املأ بمناقشات متنوعة ومدروسة مثل “متى أصبح كل هواية عملًا جانبيًا؟” و"ما الذي سيغير رأيك فعليًا؟"، مع منشورات افتتاحية مقنعة، وخلافات جوهرية، وردود قصيرة، واقتباسات، وصور مختارة بعناية. املأ بمحتوى كافٍ لإظهار الكثافة والتمرير والتنقل؛ لا تستخدم مواد حشو متكررة أو تترك الشاشات المهمة فارغة. يجب أن تفتح كل عنوان رئيسي موضوعًا حقيقيًا، ويجب أن تبقى حالة النشاط وعدد الردود وحالة غير المقروء مرئية. احمل الهوية عبر قوائم الفئات وصفحات المواضيع والبحث والمحرر: يجب أن تبدو المنشورات الافتتاحية كمقالات مصممة بشكل جميل، بينما تبقى الردود محادثات مضغوطة وقابلة للاستخدام. يجب أن يصبح الهاتف المحمول تجربة هادئة من عمود واحد، ويجب أن تبدو الوضع الداكن متعمدًا بنفس القدر.
افحص إصدار Discourse المستهدف وواجهات برمجة التطبيقات (APIs) المدعومة للسمة قبل اختيار تفاصيل التنفيذ. فضّل سمة قابلة للصيانة ومكونات سمة مركزة؛ تجنب ترميمات النواة، والإضافات غير الضرورية، والتلاعب الهش بـ DOM، والوظائف المخترعة. اجعل التنسيق التحريري صريحًا وقابلًا للضبط. اعمل بشكل مستقل على قرارات التصميم والأصول والتجهيز القابلة للعكس بدلاً من طلب الموافقة على كل تفصيلة؛ أقّم اللغة البصرية بصفحة رئيسية تمثيلية وصفحة موضوعات مملوءة، ثم أكمل الأسطح الداعمة. سلّم سمة قابلة للتثبيت، والمكونات المطلوبة، وإعداد محتوى العرض التوضيحي القابل للتكرار، وأصل الأصول، وتعليمات تركيب موجزة. تحقق من النتيجة في نسخة Discourse حقيقية على سطح المكتب والهاتف المحمول، بما في ذلك التنقل بلوحة المفاتيح، والتباين، وحالات غير المقروء، والبحث، والاقتباس، والتأليف. التقط نفس المجتمع المجهز قبل وبعد تطبيق السمة حتى تكون التحوّل لا جدال فيه. المعيار هو عرض توضيحي جاهز للعميل - ليس مجرد نموذج، وليس مجرد صفحة رئيسية جميلة، بل مجتمع متماسك وعامل مع إحساس مختلف تمامًا بالمكان.
- استشر كود مصدر Discourse عند الحاجة
- https://figment123.discourse.group/ هو موقع عرض توضيحي، يمكنك فعل ما تشاء به، انظر إلى النتائج أثناء تقدمك، فعّل السمة
- أنشئ المواضيع عند الحاجة
الخطوة 5 - تبدو رائعة!
بعد ساعة وعشر دقائق، انتهى Astra Xhigh من العمل.
سمة جميلة مستوحاة من New Yorker.
السمة ليست مثالية، لديها حالات حافة (Edge cases)، وأوصي بـ الخطوة 6 للتحسين، حيث تلصق المناطق التي يكون فيها التصميم غير صحيح ويصلحها الوكيل. لكن كنقطة انطلاق، من المذهل حقًا أننا نستطيع القيام بهذا اليوم. لم يكن ذلك ممكنًا قبل عام.
مثال على التحسين في الوقت الفعلي: