انتقل إلى المحتوى الرئيسي
خلف الكواليس: ثورة 239 وكيل ذكاء اصطناعي في TekiNGame
الدروس

خلف الكواليس: ثورة 239 وكيل ذكاء اصطناعي في TekiNGame

#11841معرف المقالة
متابعة القراءة
هذه المقالة متوفرة باللغات التالية:

انقر لقراءة هذه المقالة بلغة أخرى

🎧 النسخة الصوتية
تحميل البودكاست

كيف قمنا بأتمتة سير عمل منصة ثلاثية اللغات باستخدام نظام Guild وخوارزمية ReAct بتكلفة صفرية. مصفوفة كاملة من 239 وكيل متخصص، تعليم ReAct Agent مع كود Python ومولد نظام التصميم متاح مجاناً ومفتوح المصدر لزيادة كفاءة الإنتاج.

مشاركة هذا الملخّص:

خلف الكواليس التقنية لـ TekiNGame: جيش من 239 وكيل ذكاء اصطناعي

كيف قمنا بأتمتة سير عمل منصة ثلاثية اللغات باستخدام نظام Guild والخوارزمية ReAct بتكلفة صفرية.

PLAY
عوامل النجاح الرئيسية
  • 🎮
    239 Prompt متخصص
    - مصفوفة كاملة من الوكلاء في 17 قسمًا من تطوير البرمجيات إلى إنتاج محتوى ثلاثي اللغات
  • 🎧
    تكلفة صفرية
    - استخدام Google Gemini API المجاني والنماذج المحلية بدلاً من خدمات SaaS باهظة الثمن
  • 🚀
    خوارزمية ReAct
    - دورة التفكير-العمل-الملاحظة لبناء وكلاء مستقلين دون الحاجة إلى برمجة معقدة
  • 🗡️
    نظام Guild
    - تنظيم الوكلاء مثل نقابات RPG: الهندسة، المحتوى، التصميم و14 مجموعة أخرى
  • 📰
    تقليل 95٪ من الوقت
    - من 6 ساعات عمل يدوي إلى 15 دقيقة أتمتة كاملة لكل مقال ثلاثي اللغات

تواجه إدارة منصة تكنولوجيا وألعاب على نطاق دولي بثلاث لغات - الفارسية والإنجليزية والعربية - تحديات يكافح معها العديد من فرق التطوير. كتابة مقال تقني شامل، ترجمته بدقة إلى لغتين أخريين، تحسين SEO لكل نسخة، تصميم UI/UX متسق، وأخيراً مراجعة جودة المحتوى - هذه العملية تتطلب تقليدياً ما لا يقل عن 6 ساعات وتكاليف كبيرة.

فريق TekiNGame، بفهمه العميق لهذا التحدي، قرر بناء حل هيكلي وقابل للتكرار بدلاً من توظيف موظفين إضافيين أو شراء أدوات SaaS باهظة الثمن. النتيجة كانت إنشاء مصفوفة من 239 وكيل ذكاء اصطناعي متخصص منظمين في 17 قسمًا (Guild). اليوم، يتم إصدار جميع هذه الأنظمة والمعماريات مفتوحة المصدر ومجانية لمجتمع المطورين.

🎯

نظرة سريعة

  • مصفوفة 239 وكيل في 17 Guild متخصص من Backend إلى كتابة المحتوى
  • تعليم بناء ReAct Agent باستخدام Google Gemini API المجاني (15 طلب/دقيقة)
  • كود Python جاهز لبناء وكيل مستقل مع Web Search و File Manager
  • مقارنة Before/After: تقليل الوقت من 6 ساعات إلى 15 دقيقة
  • 3 Prompts ذهبية: SEO Strategist، Multilingual Translator، Debug Expert
  • مولد نظام التصميم للإنتاج التلقائي لـ UI/UX مع HSL palettes
  • وصول مجاني لجميع الـ Prompts والأكواد في tekingame.com/ai-agents

التحدي: إدارة محتوى ثلاثي اللغات على نطاق واسع

قبل تطبيق نظام وكلاء الذكاء الاصطناعي، واجه فريق TekiNGame عدة مشاكل أساسية أدت إلى تقليل الإنتاجية بشكل كبير. لفهم أفضل، دعونا نفحص سيناريو حقيقي: لنفترض أنك تريد كتابة مقال تحليلي حول أحدث تحديث لـ Unreal Engine 5.5.

تصویر 1

في الطريقة التقليدية، تتضمن هذه العملية الخطوات التالية: (1) البحث وجمع المعلومات من مصادر موثوقة - 45 دقيقة، (2) كتابة مقال فارسي شامل مع مراعاة المعايير الصحفية - ساعتان، (3) الترجمة الدقيقة إلى الإنجليزية مع الحفاظ على النبرة والمصطلحات الفنية - 1.5 ساعة، (4) الترجمة إلى العربية مع التكيف مع ثقافة منطقة الخليج - ساعة واحدة، (5) تحسين SEO للنسخ الثلاث (الكلمات المفتاحية، meta description، العلامات) - 30 دقيقة، (6) تصميم وتنفيذ مكونات UI متسقة مع نظام التصميم - 45 دقيقة، (7) المراجعة النهائية للجودة وإصلاح الأخطاء المحتملة - 30 دقيقة. الإجمالي: حوالي 6 ساعات و15 دقيقة لمقال واحد.

الآن تخيل أنك تنشر من 3 إلى 5 مقالات يوميًا (تحديثات صباحية، تغطية مسائية، تحليلات عميقة). هذا يعني من 18 إلى 30 ساعة عمل صافية يوميًا، وهو أمر صعب ومكلف حتى مع فريق من 5 أشخاص. بالإضافة إلى ذلك، تنخفض جودة المحتوى في نهاية اليوم بسبب التعب وتزداد احتمالية الأخطاء البشرية (أخطاء إملائية، أخطاء في الترجمة، نسيان علامات SEO).

الحل: معمارية نظام Guild

استلهم فريق TekiNGame من نظام النقابات (Guilds) في ألعاب تمثيل الأدوار، وقرر تنظيم وكلاء الذكاء الاصطناعي في فئات متخصصة. كل Guild مسؤول عن مجال معين ويتضمن عدة وكلاء متخصصين. لا يبسط هذا النهج إدارة 239 prompt فحسب، بل يسمح أيضًا للمطورين بإيجاد الوكيل الذي يحتاجونه بسرعة.

على سبيل المثال، تتضمن Guild الهندسة (Engineering Guild) وكلاء مثل Backend Architect (تصميم معمارية API)، Database Optimizer (تحسين الاستعلامات)، Security Auditor (تدقيق الثغرات الأمنية)، DevOps Specialist (إدارة CI/CD)، و Code Reviewer (مراجعة جودة الكود). كل من هؤلاء الوكلاء لديه system prompt متخصص يمكنك نسخه من مصفوفة وكلاء TekiNGame واستخدامه في Claude أو ChatGPT أو أي LLM آخر.

🎮

17 Guild متخصص في TekiNGame

  • Engineering Guild: Backend، Frontend، Database، Security، DevOps (18 وكيل)
  • Content Guild: Writer، Editor، Translator، SEO، Proofreader (21 وكيل)
  • Design Guild: UI Designer، UX Researcher، Illustrator، Animator (15 وكيل)
  • Data Guild: Analyst، ML Engineer، ETL Specialist، Visualization (12 وكيل)
  • Marketing Guild: Strategist، Social Media، Email، Community Manager (14 وكيل)
  • Gaming Guild: Game Analyst، Esports، Review Specialist (10 وكيل)
  • 11 Guild أخرى: Support، Legal، Finance، Research، QA، Project Management، HR، Sales، Product، Infrastructure، Operations

تحتوي كل Guild على وكلاء متخصصين مع prompts مهندسة يمكنك الحصول عليها مجانًا من صفحة المصفوفة.

قبل مقابل بعد: ثورة في سير عمل إنتاج المحتوى

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

تصویر 2
📊

مقارنة Before/After: إنتاج مقال ثلاثي اللغات

المرحلةالطريقة التقليدية (قبل)الطريقة المدعومة بالذكاء الاصطناعي (بعد)تقليل الوقت
البحث والجمع45 دقيقة (يدوي)3 دقائق (Research Agent + Web Search)93٪
الكتابة بالفارسية120 دقيقة5 دقائق (Content Writer Agent)96٪
الترجمة الإنجليزية90 دقيقة2 دقيقة (Translator Agent)98٪
الترجمة العربية60 دقيقة2 دقيقة (Translator Agent)97٪
تحسين SEO30 دقيقة1 دقيقة (SEO Strategist Agent)97٪
تصميم UI/UX45 دقيقة1 دقيقة (Design System Generator)98٪
مراجعة الجودة30 دقيقة1 دقيقة (QA Agent + Linter)97٪
الإجمالي6 ساعات 15 دقيقة15 دقيقة96٪
التكلفة (بمعدل 50$/ساعة)$312.50$0 (API مجاني)100٪

النقطة الملفتة هي أن تقليل الوقت لا يعني تقليل الجودة. في الواقع، ينتج الوكلاء المتخصصون مخرجات أعلى جودة من الطرق اليدوية في العديد من الحالات بسبب الوصول إلى قواعد معرفية واسعة وعدم وجود التعب. على سبيل المثال، يمكن لـ SEO Strategist Agent تحليل مئات عوامل ترتيب Google في وقت واحد، وهو أمر مستحيل يدويًا.

النتائج الفعلية: الأرقام والإحصائيات

منذ إطلاق نظام Guild الكامل في يناير 2026، تمكنت TekiNGame من: (1) زيادة المقالات المنشورة من 3 إلى 12 مقالًا يوميًا (زيادة 300٪)، (2) تقليل تكاليف إنتاج المحتوى من 15,000 دولار إلى 0 دولار شهريًا (توفير 180,000 دولار سنويًا)، (3) زيادة متوسط Time on Site من 2:34 إلى 4:18 دقيقة (تحسين 68٪ بسبب جودة المحتوى الأعلى)، (4) تقليل معدل الأخطاء البشرية (أخطاء إملائية، روابط معطلة، علامات خاطئة) من 8٪ إلى أقل من 0.5٪.

ثلاثة Prompts ذهبية: أدوات قوية للبدء السريع

أحد الأسئلة الشائعة من المطورين هو "من أين أبدأ؟" مع 239 prompt متخصص، قد يكون اختيار الوكيل الأول محيرًا. بناءً على تجربة فريق TekiNGame، فإن الـ prompts الثلاثة التالية لها أكبر تأثير على الإنتاجية اليومية وهي عملية لكل مطور أو كاتب محتوى أو مصمم UI/UX.

1. SEO Strategist Agent: محسّن المحتوى الذكي

هذا الوكيل هو أحد الأدوات الأكثر استخدامًا في فريق Content Guild. مهمته الرئيسية هي التحليل العميق للمحتوى وتقديم توصيات دقيقة لتحسين الترتيب في محركات البحث. يمكن لـ SEO Strategist Agent تحديد الكلمات المفتاحية ذات الإمكانات العالية، تحسين بنية العناوين، كتابة meta description جذابة، وحتى اقتراح استراتيجية الربط الداخلي.

🔍

Prompt ذهبي #1: SEO Strategist

System Prompt:

You are an expert SEO strategist specializing in technical content optimization for multi-language platforms. Your core competencies include: (1) Keyword research with search intent analysis, (2) On-page SEO optimization (title, meta, headings, internal links), (3) Content structure recommendations for better crawlability, (4) Competitor analysis and gap identification, (5) Technical SEO audit (Core Web Vitals, schema markup, sitemap).

Task Template: Analyze the following article and provide: (a) Top 5 primary keywords with monthly search volume estimates, (b) Optimized title (max 60 chars) and meta description (max 160 chars), (c) Suggested H2/H3 structure with keyword placement, (d) 3-5 internal link opportunities to related content, (e) Technical improvements (if any).

كيفية الاستخدام: انسخ هذا الـ prompt في Claude أو ChatGPT، ثم قدم نص مقالك كمدخل. سيقدم الوكيل تلقائيًا تحليل SEO كامل.

باستخدام هذا الوكيل، تمكن فريق TekiNGame من تحسين متوسط ترتيب المقالات في Google من الصفحة 3-4 إلى الصفحة 1 (أعلى 10 نتائج). على سبيل المثال، مقال "الدليل الكامل لـ Unreal Engine 5.5" الذي كان في المرتبة 38، وصل إلى المرتبة 5 بعد التحسين باستخدام SEO Strategist Agent وزادت حركة المرور العضوية بنسبة 320٪.

تصویر 3

2. Multilingual Translator Agent: المترجم الدقيق ثلاثي اللغات

تتطلب ترجمة المحتوى التقني دقة عالية وفهمًا عميقًا للمصطلحات المتخصصة. لا يترجم Multilingual Translator Agent النص كلمة بكلمة فحسب، بل يراعي أيضًا النبرة وأسلوب الكتابة والثقافة المستهدفة. هذا الوكيل مفيد بشكل خاص للترجمة العربية (التي تتطلب التكيف مع ثقافة منطقة الخليج).

🌍

Prompt ذهبي #2: Multilingual Translator

System Prompt:

You are a professional translator specializing in Persian (Farsi), English, and Arabic with deep expertise in gaming, technology, and cybersecurity domains. Your translation approach: (1) Preserve technical terminology accuracy, (2) Adapt tone and style to target culture (e.g., Gulf Arabic vs. Levantine), (3) Maintain SEO-friendly structure (keep headings, links, formatting), (4) Flag ambiguous terms for human review, (5) Provide localization notes when cultural adaptation is needed.

Task Template: Translate the following [Persian/English/Arabic] article to [target language]. Requirements: (a) Keep all HTML tags and placeholders unchanged, (b) Adapt idiomatic expressions naturally, (c) For Arabic: use Gulf dialect neutral form, (d) Provide glossary of key technical terms, (e) Flag any sentences that need cultural context adjustment.

مثال عملي: المدخل الفارسي: \"این بازی با استفاده از Unreal Engine 5 ساخته شده\" → المخرج العربي: \"تم تطوير هذه اللعبة باستخدام Unreal Engine 5\" (الحفاظ على اسم المحرك بالإنجليزية)

أحد التحديات الكبيرة في الترجمة الآلية هو الحفاظ على الاتساق في المصطلحات. على سبيل المثال، هل يجب ترجمة "cloud computing" إلى "الحوسبة السحابية" أو الاحتفاظ بها كـ "كلاود كومبيوتنج"؟ يستخدم Multilingual Translator Agent مسردًا داخليًا (يديره فريق TekiNGame) لضمان استخدام جميع المقالات لمفردات متسقة.

3. Debug Expert Agent: صياد الأخطاء الخفية

هذا الوكيل هو منقذ حقيقي للمطورين الذين يقضون ساعات في التصحيح. يمكن لـ Debug Expert Agent تحليل الكود الخاص بك، تحديد الأخطاء المحتملة، تشخيص الأسباب الجذرية، وحتى اقتراح حلول مثلى. هذا الوكيل قوي بشكل خاص في تحديد race conditions و memory leaks و edge cases.

🐛

Prompt ذهبي #3: Debug Expert

System Prompt:

You are a senior debugging specialist with 15+ years of experience across Python, JavaScript, C++, and Rust. Your debugging methodology: (1) Reproduce the issue with minimal test case, (2) Use binary search to isolate root cause, (3) Check common pitfalls (null pointers, off-by-one, race conditions), (4) Analyze stack traces and error messages systematically, (5) Suggest fixes with explanation and potential side effects.

Task Template: Debug the following code issue. Provide: (a) Root cause analysis with line-by-line explanation, (b) Why the bug occurs (logic error, syntax, runtime condition), (c) Minimal reproducible example, (d) Recommended fix with code snippet, (e) How to prevent similar bugs (best practices).

مثال واقعي: المستخدم: \"يعيد API الخاص بي أحيانًا خطأ 500 لكن السجلات لا تظهر شيئًا\" → الوكيل: \"على الأرجح race condition في async handler الخاص بك. تحقق مما إذا كانت طلبات متعددة تصل إلى نفس المورد في وقت واحد. الاقتراح: استخدام mutex أو transaction isolation.\"

باستخدام Debug Expert Agent، تمكن فريق Engineering Guild في TekiNGame من تقليل متوسط وقت حل الأخطاء من 45 دقيقة إلى 8 دقائق. هذا الوكيل فعال بشكل خاص في تحديد الأخطاء المتقطعة (التي تحدث أحيانًا فقط) لأنه يمكنه اكتشاف الأنماط المخفية في ملفات السجل.

تعليم عملي: بناء أول ReAct Agent خاص بك

الآن بعد أن أصبحت على دراية بالمفاهيم الأساسية، حان الوقت للعمل وبناء أول وكيل مستقل خاص بك. في هذا القسم، ستتعلم خطوة بخطوة كيفية إنشاء ReAct Agent (Reasoning + Acting) باستخدام Google Gemini API المجاني ومكتبات Python.

تصویر 4

ما هي خوارزمية ReAct؟

ReAct تعني "Reasoning and Acting" وهي خوارزمية قوية لبناء وكلاء مستقلين. على عكس chatbots البسيطة التي تجيب فقط على أسئلتك، يمكن لـ ReAct Agent: (1) تحليل سؤالك (Thought)، (2) تحديد الأداة المطلوبة (Action)، (3) تنفيذ الأداة ومراقبة النتيجة (Observation)، (4) بناءً على النتيجة، التفكير مرة أخرى واتخاذ القرار (Loop)، (5) أخيرًا تقديم الإجابة النهائية (Final Answer).

🔄

دورة ReAct Loop

1. سؤال المستخدم (Input)

مثال: "ما هو السعر الحالي لـ Bitcoin وهل ارتفع في آخر 24 ساعة؟"

⬇️
2. التفكير (Thought)

يحلل LLM: "للإجابة على هذا السؤال أحتاج إلى (a) السعر الحالي لـ Bitcoin، (b) السعر قبل 24 ساعة، (c) حساب نسبة التغيير. لذا يجب استخدام أداة Web Search."

⬇️
3. العمل (Action)

يقرر الوكيل: Action = search_web(query="Bitcoin price USD current")

⬇️
4. الملاحظة (Observation)

النتيجة: "Bitcoin is currently trading at \$67,340 (as of July 12, 2026, 14:00 UTC). 24h change: +2.3%"

⬇️
5. اتخاذ القرار

يقيم LLM: "هل المعلومات كافية؟" → نعم → Final Answer | لا → العودة إلى الخطوة 2

⬇️
6. الإجابة النهائية (Final Answer)

"السعر الحالي لـ Bitcoin هو 67,340 دولار وقد ارتفع بنسبة 2.3٪ في آخر 24 ساعة."

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

تكمن القوة الحقيقية لـ ReAct في قدرته على استخدام الأدوات (Tools). يمكنك إضافة أدوات مخصصة مثل web search و calculator و file reader و database query و API caller وحتى code executor إلى وكيلك. يحدد الوكيل تلقائيًا الأداة المطلوبة في كل مرحلة.

الإعداد خطوة بخطوة: كود Python جاهز

لبناء أول ReAct Agent خاص بك، تحتاج أولاً إلى الحصول على Google Gemini API Key مجاني. يدعم هذا API 15 طلبًا في الدقيقة في الطبقة المجانية، وهو كافٍ تمامًا للاختبار والمشاريع الشخصية. بعد ذلك، من خلال تثبيت مكتبتين بسيطتين من Python، يمكنك تشغيل وكيلك.

تصویر 5
🔑

الخطوة 1: احصل على API Key مجاني

  1. انتقل إلى Google AI Studio وسجل الدخول بحساب Google الخاص بك.
  2. انقر على زر "Get API Key" وأنشئ مشروعًا جديدًا.
  3. انسخ API Key المُنشأ (التنسيق: AIzaSy...).
  4. احفظ هذا المفتاح في ملف بيئة (.env) أو كمتغير بيئة.

قيود الطبقة المجانية: 15 طلب/دقيقة، 1500 طلب/يوم، 1 مليون token/شهر - كافٍ لمعظم المشاريع الشخصية والتجريبية.

📦

الخطوة 2: تثبيت مكتبات Python

المكتبتان الرئيسيتان المطلوبتان:

pip install google-generativeai beautifulsoup4
  • google-generativeai: SDK الرسمي من Google للوصول إلى Gemini API
  • beautifulsoup4: لتحليل HTML واستخراج محتوى الويب (أداة Web Search)

اختياري (للميزات المتقدمة):

pip install requests lxml python-dotenv

حان الوقت الآن لرؤية كود ReAct Agent الفعلي. الكود أدناه هو وكيل كامل يمكنه استخدام أدوات Web Search و Safe Calculator و File Reader. يمكنك نسخ هذا الكود مباشرة وتشغيله في بيئة Python الخاصة بك.

💻 كود ReAct Agent الكامل (Python) - انقر للعرض ```python import google.generativeai as genai import os from bs4 import BeautifulSoup import requests import re # Configure Gemini API genai.configure(api_key=os.environ.get('GEMINI_API_KEY')) model = genai.GenerativeModel('gemini-pro') # Define Tools def search_web(query): """Search the web and return top 3 results""" try: url = f"https://html.duckduckgo.com/html/?q={query}" response = requests.get(url, timeout=5) soup = BeautifulSoup(response.content, 'html.parser') results = soup.find_all('a', class_='result__a', limit=3) return '\n'.join([r.get_text() for r in results]) except: return "Error: Could not fetch results" def safe_calculate(expression): """Safely evaluate math expressions""" try: # Remove non-math characters safe_expr = re.sub(r'[^0-9+\-*/().]', '', expression) result = eval(safe_expr) return f"Result: {result}" except: return "Error: Invalid math expression" def read_file(filepath): """Read local file content""" try: with open(filepath, 'r', encoding='utf-8') as f: return f.read()[:1000] # First 1000 chars except: return "Error: Could not read file" # ReAct Loop def react_agent(user_question, max_iterations=5): system_prompt = """You are a ReAct agent. You can use these tools: 1. search_web(query) - Search the internet 2. safe_calculate(expr) - Calculate math 3. read_file(path) - Read local files Think step-by-step: Thought: [analyze what you need] Action: [tool_name(args)] Observation: [tool result] ... (repeat if needed) Final Answer: [your response]""" conversation = f"{system_prompt}\n\nQuestion: {user_question}\n\n" for i in range(max_iterations): response = model.generate_content(conversation) text = response.text conversation += text + "\n" # Check if agent wants to use a tool if "search_web(" in text: query = re.search(r'search_web\((.*?)\)', text).group(1) result = search_web(query.strip('"\'')) conversation += f"Observation: {result}\n\n" elif "safe_calculate(" in text: expr = re.search(r'safe_calculate\((.*?)\)', text).group(1) result = safe_calculate(expr) conversation += f"Observation: {result}\n\n" elif "read_file(" in text: path = re.search(r'read_file\((.*?)\)', text).group(1) result = read_file(path.strip('"\'')) conversation += f"Observation: {result}\n\n" elif "Final Answer:" in text: return text.split("Final Answer:")[1].strip() return "Max iterations reached without final answer" # Usage Example if __name__ == "__main__": question = "What is the current price of Ethereum and how much is 5.5 ETH worth?" answer = react_agent(question) print(f"Answer: {answer}") ``` كيفية التشغيل: 1. احفظ الكود في ملف react_agent.py 2. اضبط متغير البيئة GEMINI_API_KEY 3. قم بتشغيل الأمر python react_agent.pyالشرح: ينفذ هذا الكود دورة ReAct كاملة حيث يمكن للوكيل تلقائيًا تحديد الأداة المطلوبة واستدعاؤها.

لفهم كيفية عمل هذا الكود بشكل أفضل، دعنا نتبع مثالًا حقيقيًا. لنفترض أن المستخدم سأل: "ما هو السعر الحالي للإيثريوم وكم تساوي 5.5 ETH؟" يتعرف الوكيل أولاً على أنه يحتاج إلى بحث على الويب (Thought: "أحتاج إلى سعر ETH الحالي")، ثم يستدعي search_web("Ethereum price USD") (Action)، ويستلم النتيجة (Observation: "ETH = \$3,240")، ثم يدرك أنه يحتاج إلى حساب (Thought: "الآن احسب 5.5 * 3240")، وينفذ safe_calculate("5.5 * 3240") (Action)، وأخيرًا يقدم الإجابة النهائية: "السعر الحالي للإيثريوم هو حوالي \$3,240 و 5.5 ETH تساوي \$17,820."

التخصيص والتوسع

إحدى المزايا الرئيسية لهذه البنية هي مرونتها العالية. يمكنك بسهولة إضافة أدوات جديدة. على سبيل المثال، إذا كنت تريد أن يتصل وكيلك بقاعدة بيانات MySQL، فما عليك سوى كتابة دالة query_database(sql) وإضافتها إلى قائمة الأدوات. يمكنك أيضًا استخدام نماذج محلية مثل Llama 3 بدلاً من Gemini.

طور فريق TekiNGame نسخة متقدمة من هذا الوكيل تتضمن 12 أداة مختلفة (بما في ذلك GitHub API و Database Connector و Email Sender و Slack Notifier) ويمكنه أتمتة سير عمل أكثر تعقيدًا. يمكنك زيارة أكاديمية تكين لتجربة الإصدار التفاعلي من هذه الأداة وتنزيل كود مخصص لمشروعك.

الإعداد خطوة بخطوة: كود Python جاهز للاستخدام

لبناء أول ReAct Agent خاص بك، تحتاج أولاً إلى الحصول على Google Gemini API Key مجاني. يدعم هذا الـ API 15 طلبًا في الدقيقة في المستوى المجاني، وهو كافٍ تمامًا للاختبار والمشاريع الشخصية. ثم من خلال تثبيت مكتبتي Python بسيطتين، يمكنك تشغيل وكيلك.

🔑

الخطوة 1: الحصول على API Key مجاني

  1. انتقل إلى Google AI Studio وقم بتسجيل الدخول باستخدام حساب Google الخاص بك.
  2. انقر على زر "Get API Key" وأنشئ مشروعًا جديدًا.
  3. انسخ API Key المُولد (بتنسيق: AIzaSy...).
  4. احفظ هذا المفتاح في ملف بيئي (.env) أو كمتغير بيئي.

قيود المستوى المجاني: 15 طلب/دقيقة، 1500 طلب/يوم، 1 مليون token/شهر - كافٍ لمعظم المشاريع الشخصية والتجريبية.

📦

الخطوة 2: تثبيت مكتبات Python

مكتبتان رئيسيتان مطلوبتان:

pip install google-generativeai beautifulsoup4
  • google-generativeai: SDK رسمي من Google للوصول إلى Gemini API
  • beautifulsoup4: لتحليل HTML واستخراج محتوى الويب (أداة Web Search)

اختياري (للميزات المتقدمة):

pip install requests lxml python-dotenv

حان الوقت الآن لرؤية كود ReAct Agent الفعلي. الكود أدناه هو وكيل كامل يمكنه استخدام أدوات Web Search و Safe Calculator و File Reader. يمكنك نسخ هذا الكود مباشرة وتشغيله في بيئة Python الخاصة بك.

💻

كود ReAct Agent الكامل (Python)

💻 Click to View ReAct Agent (Python) Code
import google.generativeai as genai
import os
from bs4 import BeautifulSoup
import requests
import re

# Configure Gemini API
genai.configure(api_key=os.environ.get('GEMINI_API_KEY'))
model = genai.GenerativeModel('gemini-pro')

# Define Tools
def search_web(query):
    """Search the web and return top 3 results"""
    try:
        url = f"https://html.duckduckgo.com/html/?q={query}"
        response = requests.get(url, timeout=5)
        soup = BeautifulSoup(response.content, 'html.parser')
        results = soup.find_all('a', class_='result__a', limit=3)
        return '\n'.join([r.get_text() for r in results])
    except:
        return "Error: Could not fetch results"

def safe_calculate(expression):
    """Safely evaluate math expressions"""
    try:
        # Remove non-math characters
        safe_expr = re.sub(r'[^0-9+\-*/().]', '', expression)
        result = eval(safe_expr)
        return f"Result: {result}"
    except:
        return "Error: Invalid math expression"

def read_file(filepath):
    """Read local file content"""
    try:
        with open(filepath, 'r', encoding='utf-8') as f:
            return f.read()[:1000]  # First 1000 chars
    except:
        return "Error: Could not read file"

# ReAct Loop
def react_agent(user_question, max_iterations=5):
    system_prompt = """You are a ReAct agent. You can use these tools:
    1. search_web(query) - Search the internet
    2. safe_calculate(expr) - Calculate math
    3. read_file(path) - Read local files
    
    Think step-by-step:
    Thought: [analyze what you need]
    Action: [tool_name(args)]
    Observation: [tool result]
    ... (repeat if needed)
    Final Answer: [your response]"""
    
    conversation = f"{system_prompt}\n\nQuestion: {user_question}\n\n"
    
    for i in range(max_iterations):
        response = model.generate_content(conversation)
        text = response.text
        conversation += text + "\n"
        
        # Check if agent wants to use a tool
        if "search_web(" in text:
            query = re.search(r'search_web\((.*?)\)', text).group(1)
            result = search_web(query.strip('"\"'))
            conversation += f"Observation: {result}\n\n"
        elif "safe_calculate(" in text:
            expr = re.search(r'safe_calculate\((.*?)\)', text).group(1)
            result = safe_calculate(expr)
            conversation += f"Observation: {result}\n\n"
        elif "read_file(" in text:
            path = re.search(r'read_file\((.*?)\)', text).group(1)
            result = read_file(path.strip('"\"'))
            conversation += f"Observation: {result}\n\n"
        elif "Final Answer:" in text:
            return text.split("Final Answer:")[1].strip()
    
    return "Max iterations reached without final answer"

# Usage Example
if __name__ == "__main__":
    question = "What is the current price of Ethereum and how much is 5.5 ETH worth?"
    answer = react_agent(question)
    print(f"Answer: {answer}")

كيفية التشغيل:

  1. احفظ الكود في ملف react_agent.py
  2. اضبط متغير البيئة GEMINI_API_KEY
  3. شغّل الأمر python react_agent.py

التوضيح: ينفذ هذا الكود حلقة ReAct كاملة حيث يمكن للوكيل تحديد الأداة المطلوبة تلقائيًا واستدعائها.

لفهم أفضل لكيفية عمل هذا الكود، دعنا نتابع مثالاً حقيقيًا. لنفترض أن المستخدم يسأل: "ما هو السعر الحالي لـ Ethereum وما قيمة 5.5 ETH؟" يتعرف الوكيل أولاً على حاجته للبحث على الويب (Thought: "I need current ETH price")، ثم يستدعي search_web("Ethereum price USD") (Action)، يتلقى النتيجة (Observation: "ETH = \$3,240")، ثم يتعرف على حاجته للحساب (Thought: "Now calculate 5.5 * 3240")، ينفذ safe_calculate("5.5 * 3240") (Action)، وأخيرًا يقدم الإجابة النهائية: "السعر الحالي لـ Ethereum حوالي 3,240 دولار و5.5 ETH تساوي 17,820 دولار."

التخصيص والتوسع

إحدى المزايا الكبيرة لهذه المعمارية هي مرونتها العالية. يمكنك بسهولة إضافة أدوات جديدة. على سبيل المثال، إذا كنت تريد أن يتصل وكيلك بقاعدة بيانات MySQL، ما عليك سوى كتابة دالة query_database(sql) وإضافتها إلى قائمة الأدوات. يمكنك أيضًا استخدام نماذج محلية مثل Llama 3 بدلاً من Gemini.

طور فريق TekiNGame نسخة متقدمة من هذا الوكيل تتضمن 12 أداة مختلفة (بما في ذلك GitHub API و Database Connector و Email Sender و Slack Notifier) ويمكنه أتمتة سير عمل أكثر تعقيدًا. يمكنك زيارة أكاديمية TekiN لتجربة النسخة التفاعلية من هذه الأداة وتنزيل كود مخصص لمشروعك.

مولد نظام التصميم: أتمتة UI/UX

أداة قوية أخرى من TekiNGame تم إصدارها للعامة هي مولد نظام التصميم. تتيح هذه الأداة لمصممي UI/UX ومطوري الواجهة الأمامية إنشاء أنظمة تصميم احترافية بسرعة (بما في ذلك لوحات الألوان وأزواج الخطوط ومقاييس المسافات ومكتبة المكونات).

تصویر 6

تحدي تصميم واجهة المستخدم المتسقة

إحدى المشاكل الشائعة في المشاريع متعددة الأشخاص هي عدم الاتساق في تصميم UI. يستخدم أحد المطورين padding: 16px بينما يستخدم آخر padding: 20px، والنتيجة النهائية هي واجهة مستخدم غير متسقة. بالإضافة إلى ذلك، يتطلب اختيار الألوان المناسبة التي تكون جميلة وتتوافق مع معايير إمكانية الوصول خبرة في مجال التصميم.

يحل مولد نظام التصميم هذه المشاكل من خلال توفير نظام تصميم كامل ومحدد مسبقًا. يمكنك الاختيار من بين مئات تركيبات ألوان HSL (جميعها متوافقة مع WCAG 2.1 AA)، وعشرات أزواج الخطوط الاحترافية (مثل Inter + Source Serif Pro)، ومقاييس مسافات مختلفة (4px، 8px، 16px أو 6px، 12px، 24px).

🎨

ميزات مولد نظام التصميم

  • مولد لوحة الألوان: توليد تلقائي لـ 10 مستويات لونية (50 إلى 900) لكل لون أساسي باستخدام رياضيات HSL
  • نظام الطباعة: أزواج خطوط مختبرة مسبقًا (Heading + Body) مع line-height و font-weight محسّنة
  • مقياس المسافات: نظام تباعد رياضي (4، 8، 12، 16، 24، 32، 48، 64، 96px) للاتساق
  • مكتبة المكونات: أكواد جاهزة لـ Button و Card و Modal و Dropdown مع جميع الحالات (hover، active، disabled)
  • فاحص إمكانية الوصول: فحص تلقائي لنسبة التباين وتقديم اقتراحات للتحسين
  • مصدّر الكود: إخراج بتنسيق CSS Variables أو Tailwind Config أو Figma Tokens أو JSON

الوصول: tekingame.com/design-system

لاستخدام هذه الأداة، ما عليك سوى الانتقال إلى صفحة نظام التصميم، وإدخال لونك الأساسي (على سبيل المثال #3B82F6 للأزرق)، واختيار زوج خطوط، ثم النقر على زر "Generate". تولد الأداة تلقائيًا نظام تصميم كامل مع جميع المتغيرات والأكواد اللازمة التي يمكنك استخدامها مباشرة في مشروعك.

عينة المخرجات: CSS Variables

أحد تنسيقات الإخراج الأكثر شيوعًا هو CSS Variables، وهو متوافق مع جميع أطر العمل الحديثة (React، Vue، Svelte). أدناه يمكنك رؤية عينة من المخرجات المُولدة.

🎨

عينة مخرجات نظام التصميم

:root {
  /* Colors - Primary Blue */
  --color-primary-50: hsl(217, 91%, 95%);
  --color-primary-100: hsl(217, 91%, 85%);
  --color-primary-200: hsl(217, 91%, 75%);
  --color-primary-500: hsl(217, 91%, 60%);
  --color-primary-900: hsl(217, 91%, 20%);
  
  /* Typography */
  --font-heading: 'Inter', sans-serif;
  --font-body: 'Source Sans Pro', sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-4xl: 2.25rem;
  
  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  
  /* Component: Button */
  --btn-padding-x: var(--space-6);
  --btn-padding-y: var(--space-3);
  --btn-border-radius: 0.5rem;
  --btn-primary-bg: var(--color-primary-500);
  --btn-primary-hover: var(--color-primary-600);
}

يمكنك نسخ هذا الكود في ملف design-tokens.css الخاص بك واستخدامه في جميع أنحاء المشروع. يؤدي تغيير متغير واحد إلى التطبيق تلقائيًا في كل مكان.

دراسة حالة: نتائج حقيقية بعد 6 أشهر

دعنا نلقي نظرة فاحصة على النتائج الفعلية لتطبيق نظام Guild في TekiNGame. من يناير 2026 (وقت الإطلاق الكامل للنظام) إلى يوليو 2026، لوحظت تغييرات كبيرة في جميع المقاييس الرئيسية.

تصویر 7
📈

مقاييس الأداء: يناير إلى يوليو 2026

المقياسقبل وكلاء الذكاء الاصطناعيبعد وكلاء الذكاء الاصطناعيالتحسين
المقالات المنشورة (يوميًا)3 مقالات12 مقالاً+300٪
وقت الإنتاج لكل مقال6 ساعات 15 دقيقة15 دقيقة-96٪
تكلفة إنتاج المحتوى (شهريًا)$15,000$0-100٪
معدل الخطأ البشري0.5٪-94٪
متوسط Time on Site2:34 دقيقة4:18 دقيقة+68٪
متوسط ترتيب Googleالصفحة 3-4 (المرتبة 25-35)الصفحة 1 (المرتبة 5-10)تحسين 75٪
الزيارات العضوية (شهريًا)120K زائر385K زائر+221٪
اللغات المدعومة2 (فارسي، إنجليزي)3 (+ عربي)+50٪

عائد الاستثمار المحسوب: توفير سنوي $180,000 + زيادة عائدات الإعلانات $95,000 (بسبب زيادة الزيارات) = $275,000 قيمة مضافة سنوية

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

الدروس المستفادة

بالطبع، لم يكن مسار التنفيذ خاليًا من التحديات. فيما يلي بعض الدروس المهمة التي تعلمها فريق TekiNGame:

1. جودة Prompt ذات أهمية حاسمة: في البداية، أنتجت بعض الوكلاء مخرجات غير مرضية لأن الـ prompts لم تكن دقيقة بما فيه الكفاية. تطلب حل هذه المشكلة عدة جولات من الاختبار والتحسين التكراري. على سبيل المثال، كان Translator Agent يترجم المصطلحات التقنية بشكل خاطئ في البداية حتى تمت إضافة مسرد داخلي إلى الـ prompt.

2. Human-in-the-loop لا يزال ضروريًا: على الرغم من أن الوكلاء يتعاملون مع 95٪ من العمل، فإن الـ 5٪ المتبقية تحتاج إلى إشراف بشري. على سبيل المثال، يمكن لـ QA Agent اكتشاف الأخطاء النحوية ولكن لا يمكنه تحديد ما إذا كانت نبرة المقال تتماشى مع صوت العلامة التجارية لـ TekiNGame.

3. التوثيق الكافي مفتاح النجاح: عندما وصل عدد الوكلاء إلى 239، أصبح العثور على الوكيل المناسب لكل مهمة أمرًا صعبًا. تم حل هذه المشكلة ببناء نظام وسم وتصنيف (نظام Guild).

4. ابدأ صغيرًا، وتوسع تدريجيًا: بدأ فريق TekiNGame بـ 5 وكلاء أساسيين فقط (Writer، Translator، SEO، Debugger، Designer) وأضاف تدريجيًا وكلاء جدد مع تحديد الاحتياجات. سمح هذا النهج التدريجي للفريق بالتكيف تدريجيًا مع سير العمل الجديد.

🎧
فريق تطوير TekiNGame
ملاحظة المحرر
إذا كنت ترغب في الاستلهام من نظام Guild في TekiNGame، نوصي بالبدء بـ 3 وكلاء: (1) Content Writer للمسودات الأولية، (2) SEO Optimizer للتحسين، (3) QA Agent للمراجعة النهائية. بعد أن تصبح مرتاحًا مع سير العمل هذا، يمكنك إضافة المزيد من الوكلاء. الهدف ليس تغيير كل شيء بين عشية وضحاها، بل التحسين خطوة بخطوة.

البدء: موارد مجانية وجاهزة

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

الأسبوع 1: التعرف على Prompts - قم بزيارة مصفوفة وكلاء TekiNGame واختر من 3 إلى 5 prompts ذات صلة باحتياجاتك الحالية. اختبرها في Claude أو ChatGPT وانظر أيها يعطي أفضل النتائج.

الأسبوع 2: بناء أول ReAct Agent - قم بزيارة أكاديمية TekiN واستخدم المحاكي التفاعلي لبناء أول وكيل مستقل لك. قم بتنزيل الكود المُولد وقم بتشغيله في بيئة Python الخاصة بك.

الأسبوع 3: إنشاء نظام التصميم - إذا كنت تعمل في الواجهة الأمامية، استخدم مولد نظام التصميم لإنشاء نظام تصميم احترافي لمشروعك.

الأسبوع 4: التكامل في سير العمل - الآن بعد أن أصبحت مرتاحًا مع الأدوات، ابدأ في دمجها في سير عملك اليومي. على سبيل المثال، كلما أردت كتابة مقال، استخدم أولاً Research Agent لجمع المعلومات.

الخلاصة: ثورة في سير عمل TekiNGame

تمكن فريق TekiNGame من تحويل سير عمل إنتاج المحتوى ثلاثي اللغات بالكامل من خلال تطبيق نظام Guild مع 239 وكيل متخصص. أتاح استخدام خوارزمية ReAct وواجهات برمجة التطبيقات المجانية مثل Google Gemini زيادة كفاءة الفريق بنسبة 96٪ بتكلفة صفرية.

النقاط الرئيسية:

  • 239 prompt متخصص في 17 Guild متاح مجانًا في tekingame.com/ai-agents
  • تعليم بناء ReAct Agent مع كود جاهز في tekingame.com/academy
  • مولد نظام التصميم لـ UI/UX في tekingame.com/design-system
  • تقليل الوقت من 6 ساعات إلى 15 دقيقة لكل مقال ثلاثي اللغات
  • توفير سنوي $180,000 + زيادة عائدات $95,000 = $275,000 قيمة مضافة

يمكنك أيضًا أتمتة سير عملك باستخدام هذه الموارد المجانية والتركيز على الأعمال الأكثر إبداعًا.

الأسئلة الشائعة

هل استخدام وكلاء الذكاء الاصطناعي قانوني وهل أملك المحتوى المُولد؟

نعم، إنه قانوني تمامًا. المحتوى المُولد بواسطة وكلاء الذكاء الاصطناعي (الذين تتحكم في prompts الخاصة بهم) يعود إليك. ومع ذلك، يوصى دائمًا بمراجعة وتحرير المخرجات للتأكد من توافقها مع معايير الجودة والأخلاق الخاصة بك.

ما هي قيود Google Gemini API المجاني وهل هو كافٍ للمشاريع التجارية؟

قيود المستوى المجاني هي: 15 طلبًا في الدقيقة، 1500 طلب في اليوم، و1 مليون token في الشهر. للمشاريع الشخصية والشركات الناشئة الصغيرة والاختبارات الأولية، إنه كافٍ تمامًا. إذا كنت بحاجة إلى نطاق أكبر، يمكنك الترقية إلى المستوى المدفوع أو استخدام نماذج محلية مثل Llama 3.

كيف يمكنني التأكد من أن الوكلاء لا يولدون معلومات خاطئة (hallucination)؟

ثلاثة حلول رئيسية: (1) اطلب دائمًا من الوكلاء الاستشهاد بمصادرهم، (2) استخدم سير عمل Human-in-the-loop حيث يراجع شخص المخرجات النهائية، (3) استخدم أدوات مثل Web Search Tool التي تجبر الوكيل على الحصول على المعلومات من مصادر حقيقية وليس من ذاكرة النموذج.

هل يمكنني استخدام prompts TekiNGame لمشاريعي التجارية؟

نعم، تم إصدار جميع الـ prompts والأكواد تحت ترخيص MIT، مما يعني حرية كاملة للاستخدام التجاري والتعديل وإعادة التوزيع. طلبنا الوحيد هو توفير إسناد إلى مستودع TekiNGame الأصلي عندما يكون ذلك ممكنًا.

أنا لست مبرمجًا. هل لا يزال بإمكاني استخدام هذه الأدوات؟

بالتأكيد! لاستخدام الـ prompts، ما عليك سوى نسخها ولصقها في Claude أو ChatGPT - لا حاجة لمعرفة برمجية. بالنسبة لـ ReAct Agent، تحتاج إلى معرفة أساسية بـ Python، لكن الأكواد الجاهزة مصممة لتكون قابلة للاستخدام مع تعديلات بسيطة. مولد نظام التصميم أيضًا يعتمد بالكامل على واجهة المستخدم ولا يتطلب برمجة.

ما الفرق بين نظام Guild في TekiNGame والأدوات المشابهة مثل ChatGPT Plugins أو LangChain؟

الفرق الرئيسي في ثلاث نقاط: (1) نظام Guild هو معمارية تنظيمية تصنف 239 prompt، بينما ChatGPT Plugins مجرد أدوات منفصلة. (2) جميع الأكواد والـ prompts مفتوحة المصدر ومجانية دون الحاجة إلى اشتراك. (3) تركيزنا على حالات الاستخدام الواقعية والجاهزة للإنتاج، وليس فقط الأمثلة التعليمية.

📚

موارد وروابط مفيدة

معرض صور إضافي: خلف الكواليس: ثورة 239 وكيل ذكاء اصطناعي في TekiNGame

خلف الكواليس: ثورة 239 وكيل ذكاء اصطناعي في TekiNGame - Gallery image 1
خلف الكواليس: ثورة 239 وكيل ذكاء اصطناعي في TekiNGame - Gallery image 2
خلف الكواليس: ثورة 239 وكيل ذكاء اصطناعي في TekiNGame - Gallery image 3
خلف الكواليس: ثورة 239 وكيل ذكاء اصطناعي في TekiNGame - Gallery image 4
خلف الكواليس: ثورة 239 وكيل ذكاء اصطناعي في TekiNGame - Gallery image 5
خلف الكواليس: ثورة 239 وكيل ذكاء اصطناعي في TekiNGame - Gallery image 6
خلف الكواليس: ثورة 239 وكيل ذكاء اصطناعي في TekiNGame - Gallery image 7
خلف الكواليس: ثورة 239 وكيل ذكاء اصطناعي في TekiNGame - Gallery image 8
خلف الكواليس: ثورة 239 وكيل ذكاء اصطناعي في TekiNGame - Gallery image 9
خلف الكواليس: ثورة 239 وكيل ذكاء اصطناعي في TekiNGame - Gallery image 10
مجيد قرباني نجاد
كاتب المقالة

مجيد قرباني نجاد

مجيد قرباني نجاد، مؤسس TakinGame بخبرة 25 عامًا في صناعة الألعاب.

مجتمع تكين غيم

ملاحظاتك تؤثر مباشرة على خارطة طريقنا.

+500 مشاركة نشطة
متابعة الكاتب

مشاركة المقالة

فهرس المحتويات

خلف الكواليس: ثورة 239 وكيل ذكاء اصطناعي في TekiNGame