وكيل ذكاء اصطناعي لتطوير المواقع
وكيل الذكاء الاصطناعي لتطوير المواقع هو برنامج يبني المواقع ويختبرها ويصونها كما يفعل المطور على مكتبه. يبني وكيل Monmo الصفحات باستخدام MonstarX، أداة بناء التطبيقات المشمولة في الاشتراك نفسه، وباستخدام أدوات التطوير على حاسوبه الخاص. يختبر الصفحات بأحجام شاشات الهاتف والحاسوب، ويصلح الأخطاء ويكتب التوثيق. يطلب موافقتك قبل النشر، وتبقى قرارات النطاق والبنية التقنية بيدك.
آخر تحديث: 2026-11-13 · ابدأ مجانًا. الخطط المدفوعة تبدأ من $15 شهريًا.
الوصف الوظيفي، بندًا بندًا
كل بند هو مسؤولية ترد عادةً في الأوصاف الوظيفية لهذا الدور. وبجانبه توضيح لكيفية تعامل الوكيل معه، وحدود عمله دون تدخّلك.
- ينفّذهاالبحث والقراءة والصياغة والبناء. لا يغادر أي شيء نطاق شركتك.
- ينفّذها بعد موافقتكتتضمن الخطوة الأخيرة إرسالًا أو نشرًا أو دفعًا أو تعديل سجل، لذا يعرض عليك بطاقة أولًا.
- يجهّزها وأنت تقرّرتحتاج هذه المهمة إلى تقديرك. يجمع الوكيل الحقائق ويقدّم توصية.
- تبقى مسؤوليتكالمكالمات والاجتماعات الحضورية والتوقيعات والعلاقات.
| # | في الوصف الوظيفي | كيف ينفّذها الوكيل | حدود استقلاليته |
|---|---|---|---|
| 01 | كتابة كود منظم ومختبر للمواقع وتطبيقات الويب. | يكتب HTML وCSS وJavaScript وTypeScript على حاسوبه الخاص، ويضيف اختبارات لما يبنيه، ويشغّل الاختبارات وأداة فحص الكود قبل إبلاغك بالنتيجة. يبقى العمل على فرع حتى تسمح برفعه إلى GitHub. | ينفّذها |
| 02 | بناء صفحات وواجهات متجاوبة من التصاميم باستخدام HTML وCSS وJavaScript. | يبني كل صفحة من ملف Figma أو لقطات الشاشة، في MonstarX أو ككود، ويتحقق منها بعرض 390 و768 و1,440 بكسل، ويسرد اختلافاتها عن التصميم. يطلب موافقتك قبل بدء مشروع MonstarX أو تعديله. | ينفّذها بعد موافقتك |
| 03 | ربط الواجهة الأمامية بخدمات الواجهة الخلفية وواجهات API وقواعد البيانات. | يقرأ توثيق الخدمة، مثل Stripe أو Supabase، ويكتب الاستدعاءات مع معالجة الأخطاء ويختبرها على حاسوبه الخاص باستخدام مفتاح اختبار. يخبرك بمفاتيح البيئة الفعلية المطلوبة، وتضيفها أنت. | ينفّذها |
| 04 | الاختبار عبر المتصفحات والأجهزة، ثم اكتشاف الأخطاء وإصلاحها. | يفتح كل صفحة في Chrome وFirefox على حاسوبه الخاص بعرض شاشات الهاتف والجهاز اللوحي والحاسوب، وينقر كل رابط ويرسل كل نموذج. يعيد إنتاج الخطأ ويصلحه على فرع، ويعرض لقطات شاشة قبل الإصلاح وبعده. | ينفّذها |
| 05 | تحسين سرعة الصفحات وأدائها وأساسيات ظهورها في محركات البحث. | يقيس وقت تحميل كل صفحة وحجمها في متصفحه الخاص، ويضغط الصور ويحذف النصوص البرمجية غير المستخدمة، ويضيف عناوين الصفحات وأوصافها والنصوص البديلة وخريطة الموقع. تحصل على الأرقام قبل التحسين وبعده، دون وعد بدرجة محددة. | ينفّذها |
| 06 | بناء نماذج أولية وتصورية مع المصممين لتجربة الأفكار قبل التطوير الكامل. | يحوّل إطاراً من Figma أو رسماً أولياً أو فقرة إلى نموذج تفاعلي في MonstarX، ويعطيك رابط معاينة لمشاركته مع المصمم. تطلب التغييرات بكلمات بسيطة، مثل «انقل النموذج إلى الأعلى». يطلب موافقتك قبل كل بناء. | ينفّذها بعد موافقتك |
| 07 | مراجعة كود المطورين الآخرين وإدارة التغييرات باستخدام نظام التحكم بالإصدارات. | يسحب كل طلب دمج من GitHub إلى حاسوبه الخاص، ويشغّله ويكتب مراجعة توضح ما يتعطل وما هو غير واضح والإصلاح المقترح. يطلب موافقتك قبل نشر التعليقات أو فتح طلبات دمج خاصة به. يبقى الدمج بيد فريقك. | ينفّذها بعد موافقتك |
| 08 | كتابة التوثيق التقني وتحديثه. | يحتفظ بملف README وخطوات الإعداد وصفحة لكل مكوّن وسجل لكل تغيير، كملفات في المستودع إلى جانب الكود. وعندما يتغير الكود، يحدّث الصفحة التي تصفه ضمن المهمة نفسها. | ينفّذها |
| 09 | نشر التحديثات والميزات الجديدة والإصلاحات على الموقع المنشور. | يجهز ملاحظات الإصدار ونتائج الاختبار ورابط المعاينة. يُنشر مشروع MonstarX عند موافقتك على البطاقة التي تحدد عنوانه العام. أما كود GitHub فيجهز له طلب دمج، ويتبع النشر إجراءاتك المعتادة. | ينفّذها بعد موافقتك |
| 10 | إنشاء نسخ احتياطية للمواقع وتطبيق التحديثات الأمنية وتحديثات البرامج. | يسرد كل شهر الحزم والإضافات التي تتوفر لها تحديثات أمنية، ويقرأ ملاحظات الإصدار ويطبق التحديثات على فرع ويشغّل الاختبارات. يتأكد من وجود نسخة احتياطية حديثة قبل تغيير أي شيء، ويطلب موافقتك قبل تحديث الموقع المنشور. | ينفّذها بعد موافقتك |
| 11 | الاتفاق على المتطلبات والنطاق والأولويات مع العملاء والمصممين والمديرين. | يعد مسودة للنطاق في Google Docs من ملاحظات الاجتماعات والرسائل: الصفحات والميزات وما هو خارج النطاق والأسئلة المفتوحة والجهد المطلوب لكل بند. تتفق أنت عليها مع العميل، ويعمل الوكيل وفقاً لها. | يجهّزها وأنت تقرّر |
| 12 | اختيار التقنيات وأطر العمل والبنية التقنية للمشروع. | يقارن بين خيارين أو ثلاثة في صفحة واحدة، مثل MonstarX مقابل كود مخصص في مستودع GitHub الخاص بك: تكلفة تشغيل كل خيار، وما يعرفه فريقك بالفعل، والمخاطر المحتملة. القرار لك. | يجهّزها وأنت تقرّر |
يتولى الوكيل 10 من أصل 12 بندًا، بعضها بعد موافقتك
مصادر المسؤوليات. تمثل البنود الاثنا عشر المهام الأكثر وروداً في أوصاف الوظائف المنشورة لمطوري الويب والواجهة الأمامية، بعد إعادة صياغتها ومراجعتها مقابل قائمة مهام مطوري الويب في O*NET. تم التحقق بالرجوع إلى O*NET OnLine: 15-1254.00 مطورو الويب
أسبوع مع وكيل ذكاء اصطناعي لتطوير الويب
يقرأ الطلب والتصميم، ويسأل عما هو غير واضح، ويرد بخطة مختصرة قبل البدء بالبناء.
يسرد المهام المفتوحة: الأخطاء المبلّغ عنها وطلبات الدمج المنتظرة للمراجعة والصفحات المطلوبة هذا الأسبوع.
يراجع طلبات الدمج المفتوحة على حاسوبه الخاص ويعد مسودة التعليقات لموافقتك.
يختبر تغييرات الأسبوع بعرض شاشات الهاتف والجهاز اللوحي والحاسوب، ويصلح ما يجده على فرع.
يجهز الإصدار: ما تغير ونتائج الاختبار ورابط المعاينة. ينتظر النشر موافقتك.
يسرد الحزم التي تتوفر لها تحديثات أمنية، ويطبق التحديثات على فرع ويشغّل الاختبارات.
ما تزوّده به في اليوم الأول
- الوصول إلى الكود: مستودع GitHub أو مشروع MonstarX الذي يوجد فيه الموقع
- التصاميم: ملف Figma أو لقطات شاشة أو موقع تريده أن يشبهه
- عناصر الهوية والنصوص: الشعار والخطوط والألوان والصور ونصوص كل صفحة
- طريقة عملك: قواعد الفروع، ومن يراجع، وكيف يصل الإصدار إلى الموقع المنشور
- مفاتيح اختبار للخدمات التي يستخدمها الموقع. تبقى مفاتيح البيئة الفعلية لديك
- المتصفحات وأحجام الشاشات التي يستخدمها زوارك أكثر من غيرها
ما يبقى من مسؤوليتك
- النطاق والأولويات والمواعيد النهائية المتفق عليها مع العملاء والمديرين.
- اختيار التقنية والبنية التقنية. يقدم لك الوكيل مقارنة.
- دمج الكود وقرار النشر.
- الاختبار على الهواتف والأجهزة اللوحية الفعلية. يختبر الوكيل بعرض شاشاتها.
- كلمات المرور ومفاتيح البيئة الفعلية.
وظّف وكيلًا في ثلاث خطوات
- 01
اكتب الدور
أنشئ وكيلاً، وسمّه، وصف له العمل كما تصفه لمطور جديد: الغرض من الموقع، وكيفية تنظيم الكود، وطريقة المراجعة والإصدار، وما يجب ألا يتعطل. الصق وصف الوظيفة إن كان لديك واحد.
- 02
امنحه حق الوصول
فوّض الوصول إلى MonstarX مرة واحدة، واربط GitHub وFigma بحساباتك إذا كنت تستخدمهما. اختر السماح لهذا الوكيل باستخدامها. يبدأ بالقراءة: المستودع وملف التصميم وطريقة بناء الموقع.
- 03
حدد أول مهمة دورية
اطلب منه بناء صفحة واحدة أو إصلاح خطأ واحد بحلول 10:00 غداً، مع معاينة ونتائج الاختبار. راجع عمله كما تراجع عمل زميل، ثم اتفق معه على آلية المراجعة والإصدار الأسبوعية.
طلبات تبدأ بها
- ابنِ صفحة إطلاق لـ Ridge تتضمن نموذجاً لقائمة الانتظار من ملف Figma. تحقق منها بعرض شاشة الهاتف وأرني المعاينة قبل النشر.
- نموذج التواصل على موقعنا لا يعمل على الهواتف. أعد إنتاج المشكلة وأصلحها على فرع، وأرني النتيجة قبل الإصلاح وبعده.
- راجع طلبات الدمج المفتوحة في مستودع fieldwork-site واكتب مسودة تعليقاتك. اطلب موافقتي قبل نشرها.
- في أول يوم اثنين من كل شهر، اسرد الحزم التي تتوفر لها تحديثات أمنية، وطبق التحديثات على فرع وشغّل الاختبارات.
شاهده أثناء العمل
تسجيل توضيحي مسرّع باستخدام بيانات تجريبية. يمكنك إيقافه مؤقتًا، أو التنقل فيه، أو التحكم بالماوس بنفسك.
على الشاشةMonstarX
اختر مهمة. وشاهد إنجازها.
- السبب
- انشر صفحة الإطلاق.
- المكان
- MonstarX · المشروع ridge-launch
- ما الذي تتوقّعه
- ستصبح الصفحة متاحة للجميع على هذا العنوان. يمكنك إلغاء نشرها في أي وقت.
فريقك. متصل بكل شيء.
قهوة ساخنة حتى القمة.
قارورة بسعة 500 مل، مصممة لرحلة الصعود الطويلة.
تسجيلات توضيحية مسرّعة ببيانات خيالية. أوقف أي تسجيل مؤقتًا، أو تنقّل داخله، أو تحكّم بالماوس بنفسك.
أسئلة شائعة
ما هو وكيل الذكاء الاصطناعي لتطوير المواقع؟
وكيل الذكاء الاصطناعي لتطوير المواقع برنامج ينفذ المهام المكتبية لمطور الويب: يبني الصفحات ويربطها بالخدمات ويختبرها ويصلح الأخطاء ويكتب التوثيق. ينفذ وكيل Monmo هذه المهام باستخدام MonstarX، أداة بناء التطبيقات المشمولة في الاشتراك نفسه، وأدوات التطوير على حاسوبه الخاص. ويطلب الموافقة قبل نشر أي شيء.
هل يمكن لوكيل ذكاء اصطناعي أن يحل محل مطور ويب؟
يتولى الوكيل بناء الصفحات من التصميم والاختبار وإصلاح الأخطاء والتحديثات والتوثيق. لكنه لا يتفق على النطاق مع العميل، ولا يختار البنية التقنية، ولا يتحمل مسؤولية ما يُنشر؛ إذ يراجع شخص عمله ويوافق على كل إصدار. تستخدمه الفرق ليقضي المطورون وقتهم في المسائل الصعبة بدلاً من المهام الصغيرة المتراكمة.
ما هو MonstarX، وهل أحتاج إليه؟
MonstarX أداة بناء التطبيقات المرفقة مع Monmo، ويغطي اشتراك واحد كليهما. يمكن للوكيل بناء موقع أو تطبيق فيها من وصف مختصر وتزويدك برابط معاينة، ويبقى المشروع في حسابك على MonstarX. لكل منتج حد استخدام خاص به. أما إذا كان لديك كود قائم، فيعمل الوكيل عليه باستخدام Git على حاسوبه الخاص.
هل يمكن للوكيل العمل على موقعنا والكود الحالي؟
نعم، إذا كان الكود في مكان يمكنه الوصول إليه. إذا كان الموقع في مستودع GitHub، ينسخه الوكيل إلى حاسوبه الخاص، ويجري التغيير على فرع، ويشغّل الموقع للتحقق منه، ويجهز طلب دمج. يطلب موافقتك قبل رفع الكود، ويخضع الدمج والنشر لإجراءاتك المعتادة.
هل ينشر الوكيل أو يحدّث الموقع دون موافقتي؟
لا. للنشر دائماً بطاقة مستقلة تحدد العنوان الذي سيصبح متاحاً للعموم. كما يطلب الوكيل موافقتك قبل بدء مشروع MonstarX أو تغييره، وقبل رفع الكود إلى GitHub أو تحديث موقع منشور. لا تحتاج قراءة الكود أو كتابته على حاسوبه الخاص أو تشغيل الاختبارات أو التقاط لقطات الشاشة إلى موافقة، لأنها لا تغير شيئاً خارج ذلك الحاسوب.
كيف يختبر الوكيل الموقع؟
يفتح الوكيل كل صفحة في متصفحه الخاص بعرض شاشات الهاتف والجهاز اللوحي والحاسوب، وينقر كل رابط ويرسل النماذج ببيانات اختبار ويشغّل اختبارات المشروع الآلية. يختبر بحجم شاشة الهاتف، وليس على هاتف فعلي، لذا افتح المعاينة على جهازك قبل الموافقة على الإصدار. هذه هي المراجعة الأخيرة.