- كيف تنشئ مساعد كتابة بالذكاء الاصطناعي الخاص بك بدون برمجة
- النقاط الرئيسية
- مقدمة: وداعًا للصفحات البيضاء!
- ما الذي ستحتاجه؟
- دليل خطوة بخطوة: بناء مساعدك الشخصي
- 1. الوصول إلى منصة التطوير بدون كود: Bolt.new
- 2. ربط واجهة Google Gemini API
- 3. ربط واجهة Pexels API:
- 4. تصميم واجهة المستخدم:
- الآن اليك الأمر Prompt الذى سوف تكتبه كاملاً فى خانة ادخال النص بحيث يتعرف Bolt على متطلباتك بالتفصيل:
- 5. ربط المكونات:
- 6. التجربة والتحسين:
- 7. الحفظ والمشاركة
- استخدامات متنوعة: أطلق العنان للإمكانات!
- أسئلة شائعة
- ما هي واجهة برمجة التطبيقات (API)؟
- هل استخدام واجهات Gemini و Pexels مجاني؟
- ما هو "الموجه" (Prompt)؟
- ما هي "temperature" في Gemini API؟
- كيف يمكنني تحسين جودة النص الذي ينتجه الذكاء الاصطناعي؟
- ماذا أفعل إذا واجهت مشكلة؟
- مصادر إضافية
- الخاتمة: مستقبل الكتابة بين يديك
- الخاتمة: مستقبل الكتابة بين يديك، ببساطة وسهولة
كيف تنشئ مساعد كتابة بالذكاء الاصطناعي الخاص بك بدون برمجة
هل أنت مستعد لإحداث ثورة في طريقة كتابتك وإنشاء محتوى جذاب مدعوم بالذكاء الاصطناعي في وقت قياسي؟
هذا الدليل التفصيلي سيمكنك من بناء مساعدك الشخصي للكتابة دون الحاجة إلى كتابة سطر واحد من التعليمات البرمجية.
النقاط الرئيسية
بناء دون عناء: تعلم كيفية إنشاء مساعد كتابة قوي يعمل بالذكاء الاصطناعي دون الحاجة إلى أي خبرة في البرمجة. قوة Gemini: استخدم واجهة برمجة تطبيقات Gemini API من Google لإنشاء نصوص متطورة وعالية الجودة. اضغط هنا لمعرفة المزيد. صور جذابة: أضف صورًا احترافية بسهولة باستخدام واجهة برمجة تطبيقات Pexels API لتعزيز جاذبية المحتوى. انقر هنا لمعرفة المزيد عن واجهة برمجة التطبيقات. زيادة الإنتاجية: ارفع مستوى إنتاجيتك وإبداعك ككاتب أو صانع محتوى باستخدام أدوات الذكاء الاصطناعي المتقدمة. مهارة المستقبل: اكتسب مهارة أساسية في عالم الذكاء الاصطناعي المتنامي بسرعة. تطبيق عملي: اتبع دليل الفيديو التعليمي خطوة بخطوة لتطبيق عملي وسهل (اضغط هنا لمشاهدة الفيديو).
مقدمة: وداعًا للصفحات البيضاء!
هل مللت من التحديق في صفحة فارغة؟ ماذا لو كان بإمكانك امتلاك مساعد كتابة شخصي يعمل بالذكاء الاصطناعي، يُنجز المهام في دقائق، ودون كتابة أي كود؟ قد يبدو الأمر ضربًا من الخيال، ولكنه حقيقة! هذه هي قوة الذكاء الاصطناعي، والأمر أسهل مما تتخيل.
هذا المنشور التفصيلي سيرشدك خطوة بخطوة لإنشاء أداة كتابة رائعة تعمل بالذكاء الاصطناعي، حيث سنستغل الإمكانات الهائلة لواجهة Gemini API من Google لكتابة محتوى متميز وواجهة Pexels API للحصول على صور مذهلة، وكل ذلك بدون كتابة أي سطر من التعليمات البرمجية.لماذا تنشئ مساعد كتابة بالذكاء الاصطناعي؟
التغلب على "عقدة الكاتب": انسَ تلك اللحظات التي تجلس فيها محدقًا في شاشة فارغة. مساعد الذكاء الاصطناعي الخاص بك يمكنه توليد مسودات أولية، أفكار رئيسية، أو حتى مقالات كاملة. بهذه الطريقة، تتخطى حواجز الكتابة وتبدأ في إنتاج المحتوى بسرعة أكبر. زيادة الإنتاجية بشكل كبير: قم بإنشاء محتوى متميز أسرع من أي وقت مضى. قلل وقت الكتابة وركز على جوانب أخرى مهمة في عملك أو حياتك. إطلاق العنان للإبداع: الذكاء الاصطناعي يمكنه مساعدتك في استكشاف أفكار جديدة، أساليب كتابة مختلفة، ووجهات نظر بديلة، مما يشعل شرارة الإبداع لديك. اكتشف آفاقًا جديدة للتعبير وأساليب كتابة مبتكرة لم تكن لتفكر بها من قبل. إضافة صور احترافية بسهولة: استخدام واجهة Pexels API يجعل عملية البحث عن الصور عالية الجودة وإضافتها للمقال بصورة أوتوماتيكية أمرًا يسيرًا. عزز جاذبية محتواك بصريًا وأضف لمسة احترافية دون عناء. تخصيص كامل: صمم مساعدك ليتناسب مع احتياجاتك وأسلوبك الخاص فى الكتابة.
ما الذي ستحتاجه؟
متصفح إنترنت حديث (مثل Google Chrome, Firefox, Safari, Edge). اتصال مستقر بالإنترنت. عقل متفتح ومستعد للإبداع! مفاتيح API لكل من Google Gemini و Pexels (سنشرح كيفية الحصول عليها).
دليل خطوة بخطوة: بناء مساعدك الشخصي
سنتبع الخطوات التفصيلية التالية، مع إضافة توضيحات وروابط مفيدة:
1. الوصول إلى منصة التطوير بدون كود: Bolt.new
لبناء مساعد الكتابة الخاص بك دون الحاجة إلى كتابة تعليمات برمجية، سوف نستخدم منصة Bolt.new. وهي منصة تطوير تطبيقات ويب "بدون كود" (No-code platform). وهذا يعني أنها تسمح لك بإنشاء تطبيقات ويب كاملة الوظائف باستخدام واجهة مرئية سهلة الاستخدام تعتمد على السحب والإفلات.
بدلاً من كتابة سطور من التعليمات البرمجية، يمكنك تجميع مكونات التطبيق بصريًا وربطها معًا. هذا يجعل بناء التطبيقات متاحًا للجميع، حتى بدون خبرة برمجية.
افتح متصفحك وانتقل إلى Bolt.new . توفر هذه المنصة واجهة سهلة الاستخدام تتيح لك بناء تطبيقات دون الحاجة إلى كتابة التعليمات البرمجية.
و هذه عدة بدائل لـ Bolt.new:
2. ربط واجهة Google Gemini API
ما هي واجهة برمجة التطبيقات (API)؟
تخيل أنك في مطعم وتريد طلب وجبة. أنت تتحدث إلى النادل (الـ API)، وتخبره بما تريد (طلبك للنص أو الصورة). النادل بدوره ينقل طلبك إلى المطبخ (خدمة Gemini أو Pexels) حيث يتم تحضير الوجبة (إنشاء النص أو البحث عن الصورة). ثم يعود النادل إليك بالوجبة جاهزة (النص أو الصورة).
واجهة برمجة التطبيقات (API) تعمل بنفس الطريقة في عالم البرمجيات. إنها وسيلة تسمح لتطبيقك (مساعد الكتابة الذي تبنيه) بالتواصل مع تطبيقات أو خدمات أخرى (مثل خدمات الذكاء الاصطناعي من Google Gemini أو مكتبة الصور Pexels) وطلب معلومات أو وظائف منها، دون الحاجة إلى معرفة التفاصيل التقنية المعقدة لكيفية عمل هذه الخدمات. باختصار، الـ API هو "وسيط" يسهل التواصل وتبادل المعلومات بين التطبيقات المختلفة.
أ- الحصول على مفتاح Gemini API:
- انتقل إلى صفحة Google AI Studio: ابدأ بالانتقال إلى Google AI Studio.
- إنشاء مفتاح API: اتبع التعليمات لإنشاء مفتاح API جديد بطريقة مجانية. قد تحتاج إلى تسجيل الدخول باستخدام حساب Google الخاص بك.
انسخ المفتاح: انسخ مفتاح API واحتفظ به في مكان آمن. هذا المفتاح هو بمثابة كلمة المرور التي تسمح لتطبيقك بالوصول إلى قوة Gemini الذى سيقوم بكتابة المحتوى المطلوب.
ب- ربط Gemini API في Bolt.new:
ابحث عن قسم "Add API" أو "Connect Service": داخل واجهة Bolt.new، ابحث عن القسم المخصص لإضافة واجهات برمجة التطبيقات الخارجية. أدخل مفتاح Gemini API: الصق مفتاح API الذي نسخته في الخطوة السابقة في الحقل المخصص. ضبط الإعدادات (اختياري): قد تحتاج إلى ضبط بعض الإعدادات الإضافية، مثل عنوان API ونوع الطلب (مثل "إنشاء نص").
3. ربط واجهة Pexels API:
أ- الحصول على مفتاح Pexels API:
انتقل إلى موقع Pexels API: ابدأ بالانتقال إلى موقع Pexels API. سجل للحصول على حساب (إذا لم يكن لديك حساب بالفعل): اتبع التعليمات لإنشاء حساب مجاني. احصل على مفتاح API: بمجرد تسجيل الدخول، يمكنك طلب مفتاح API مجاني. انسخ المفتاح: انسخ مفتاح API واحتفظ به في مكان آمن.
ب- ربط Pexels API في Bolt.new:
ابحث عن خيار إضافة API أخرى: كما فعلت مع Gemini، ابحث عن طريقة لإضافة واجهة برمجة تطبيقات أخرى داخل Bolt.new. أدخل مفتاح Pexels API: الصق مفتاح API الذي نسخته في الحقل المخصص. ضبط الإعدادات: قم بتكوين الإعدادات المتعلقة بكيفية البحث عن الصور (مثل الكلمات الرئيسية، الاتجاه، إلخ).
4. تصميم واجهة المستخدم:
استخدم أدوات السحب والإفلات في Bolt.new لإنشاء واجهة مستخدم بسيطة:
خانة إدخال النص (Prompt): أنشئ مربع نص حيث يمكن للمستخدم كتابة طلبه (مثل "اكتب مقالًا عن أفضل أدوات الذكاء الاصطناعي"). خانة إخراج النص (Output): أنشئ مربع نص أكبر لعرض النص الذي تم إنشاؤه بواسطة الذكاء الاصطناعي. عرض الصورة (اختياري): إذا كنت تريد عرض صور من Pexels، أضف عنصر صورة إلى واجهتك.
الآن اليك الأمر Prompt الذى سوف تكتبه كاملاً فى خانة ادخال النص بحيث يتعرف Bolt على متطلباتك بالتفصيل:
(أرغب في إنشاء تطبيق ويب بسيط باستخدام مستخدم / واجهة مستخدم حديثة - كاتب مقالة الذكاء الاصطناعي يستخدم Gemini API لكتابة المحتوى و Pexels API لتضمين الصور.
إنشاء المقال
• قبول موضوع يحتوي على تعليمات مخصصة اختيارية.
• يستخدم واجهة برمجة تطبيقات Google Gemini لإنشاء مقالات شاملة ومنظمة.
• يضمن تنسيقا متسقا مع عناوين H2 / H3 المناسبة والنقاط النقطية والقوائم.
• يزيل الفواصل غير الضرورية وينظف المحتوى لسهولة القراءة.
توليد الصور
• يجلب الصور ذات الصلة تلقائيا عبر واجهة برمجة تطبيقات Pexels.
• يدعم كل من الصور الأفقية (المميزة) والرأسية.
• يسمح بتحديد عدد الصور (1-10).
• استعلامات الصور المخصصة منفصلة عن موضوع المقالة.
• إمكانية تحديث الصورة لتبديل الصور.
• الإسناد مدرج لاعتمادات المصور.
• يتم وضع الصور داخل النص:
o صورة مميزة في الجزء العلوي قبل العنوان.
o صور إضافية تحت كل عنوان H2 ثاني.
مخرجات متوافقة مع WordPress
• انسخ المقالات ذات الصور المضمنة باستخدام تنسيق Base64 للتكامل بسلاسة مع مكتبة وسائط WordPress.
• عرض بتنسيق Markdown لمعاينة المقالة.
• ملفات Markdown تكون قابلة للتنزيل مع الصور المضمنة.
• نسخة بنقرة واحدة لتنسيق WordPress الجاهز.
إدارة المحتوى
• معاينة حية مع عرض Markdown.
• نسخة سهلة من الحافظة قابلة للتكامل مع WordPress.
• قم بالتنزيل بتنسيق Markdown ، مع الاحتفاظ بالتنسيق والصور.
• تضمين الصور المتجاوب في كل من وظائف النسخ والتنزيل.
تكامل واجهة برمجة التطبيقات والأمان
• Deepseek الذكاء الاصطناعي لإنشاء النصوص.
• واجهة برمجة تطبيقات Pexels لجلب الصور.
• إدارة مفاتيح واجهة برمجة التطبيقات الآمنة.
• التخزين المحلي لبيانات اعتماد واجهة برمجة التطبيقات.
• شروط الإعدادات لتكوين مفاتيح واجهة برمجة التطبيقات.
أمور فنية
• Tailwind CSS للتصميم.
• React Markdown لعرض المحتوى.
• رد فعل Hot Toast للإشعارات.
• Lucide React للأيقونات.
الملامح الرئيسية
• تصميم سريع الاستجابة لتجربة مستخدم سلسة.
• طباعة احترافية لسهولة القراءة.
• نظام إدارة الصور المتقدم.
• تصدير متوافق مع WordPress.
• واجهة مستخدم حديثة بتصميم بديهي.
• تخزين آمن لبيانات الاعتماد.
• حالات معالجة الأخطاء والتحميل.
بنية المكونات
• نموذج المقالة: يعالج إدخال الموضوع وتفضيلات المستخدم.
• معاينة المقالة: يعرض المحتوى الذي تم إنشاؤه مع عرض Markdown المباشر.
• وضع الإعدادات: يدير بيانات اعتماد واجهة برمجة التطبيقات بشكل آمن.
• خدمات واجهة برمجة التطبيقات: يتعامل مع الاتصال مع الذكاء الاصطناعي Deepseek و Pexels.
• تعريفات النوع: يضمن كتابة TypeScript الصارمة.
أسلوب الكتابة وإرشادات التنسيق
• نبرة المحادثة: اكتب كما لو كنت تتحدث إلى صديق.
• فقرات قصيرة وجذابة: لا توجد حوائط من النصوص. اجعلها قوية.
• السخرية والفكاهة العرضية: اجعلها خفيفة وذكية وممتعة.
• أسئلة بلاغية: حافظ على تفاعل القارئ.
• الحد الأدنى من اللغة العامية على الإنترنت: بحد أقصى 2-3 من الأمثلة (على سبيل المثال ، لمعلوماتك ، IMO).
• الصوت النشط: اجعله مباشرا وجذابا.
• معلومات أساسية غامقة: قم بتمييز التفاصيل المهمة.
• تجربة شخصية: حيثما أمكن ، أضف نظرة شخصية.
• النقاط والقوائم النقطية: قم بتفصيل التفاصيل الفنية من أجل الوضوح.
تم تصميم هذه الأداة من أجل قابلية التوسع والأداء وسهولة الاستخدام ، مما يجعله منشئ مقالات قويا يعمل بقوة الذكاء الاصطناعي لمنشئي المحتوى والمدونين.)
5. ربط المكونات:
المشغل (Trigger): حدد مشغلًا، عادةً ما يكون زرًا، يقوم المستخدم بالنقر عليه لتشغيل الذكاء الاصطناعي. إجراء Gemini: اربط النقر على الزر بإجراء يرسل طلبًا إلى واجهة Gemini API. سيأخذ هذا الإجراء النص الذي أدخله المستخدم ويرسله كطلب إلى Gemini. إجراء Pexels (اختياري): إذا كنت تستخدم Pexels، أضف إجراءً آخر يرسل طلبًا إلى واجهة Pexels API. يمكنك استخدام كلمات من طلب المستخدم أو من النص الذي تم إنشاؤه بواسطة Gemini للبحث عن صور ذات صلة. عرض النتائج: قم بتكوين الإجراءات لعرض النص الذي تم إنشاؤه بواسطة Gemini في خانة الإخراج، وعرض صورة Pexels (إن وجدت) في عنصر الصورة.
6. التجربة والتحسين:
تشغيل التطبيق: استخدم زر "Run" أو "Preview" في Bolt.new لتجربة مساعد الكتابة الخاص بك. تجربة طلبات مختلفة: اختبر مجموعة متنوعة من الطلبات لترى كيف يستجيب Gemini. ضبط الإعدادات: قم بتعديل إعدادات واجهات برمجة التطبيقات (مثل "temperature" في Gemini، والتي تتحكم في عشوائية النص) لتحسين النتائج. يمكنك أيضًا تجربة معايير بحث مختلفة للصور في Pexels.
7. الحفظ والمشاركة
احفظ: احفظ مساعد الكتابة AI الخاص بك. شارك: شارك إبداعك مع الآخرين!
استخدامات متنوعة: أطلق العنان للإمكانات!
بمجرد إنشاء مساعد الكتابة الخاص بك، تصبح الاحتمالات لا حدود لها. إليك بعض الأفكار:
كتابة المقالات: أنشئ أفكارًا رئيسية، مسودات، أو حتى مقالات كاملة حول أي موضوع. يمكنك أيضًا إنشاء مقالات محسّنة لمحركات البحث (SEO) بشكل أسرع. محتوى وسائل التواصل الاجتماعي: قم بإنشاء تعليقات جذابة، تغريدات، ومنشورات. ابتكر محتوى سوشيال ميديا ملفتًا للانتباه لزيادة التفاعل. كتابة الإعلانات: قم بإنشاء أوصاف منتجات مقنعة، نصوص إعلانية، ومحتوى مواقع ويب. ابتكر نصوصًا إعلانية فعالة ومحتوى مواقع ويب احترافيًا لزيادة المبيعات والتحويلات. الكتابة الإبداعية: جرب كتابة الشعر، القصص، وغيرها من أشكال الكتابة الإبداعية. أطلق العنان لإبداعك في مجالات الكتابة الأدبية والشعرية باستخدام قوة الذكاء الاصطناعي. إنشاء محتوى تعليمي: قم بإنشاء مواد تعليمية، ملخصات، وحتى اختبارات قصيرة. كتابة رسائل البريد الإلكتروني: قم بصياغة رسائل بريد إلكتروني احترافية أو شخصية بسرعة وسهولة.
أسئلة شائعة
ما هي واجهة برمجة التطبيقات (API)؟
واجهة برمجة التطبيقات (API) هي مجموعة من القواعد والبروتوكولات التي تسمح لتطبيقات البرامج المختلفة بالتواصل مع بعضها البعض. في حالتنا، تسمح لتطبيقك باستخدام قوة الذكاء الاصطناعي من Google Gemini ومكتبة الصور من Pexels.
هل استخدام واجهات Gemini و Pexels مجاني؟
عادةً ما تقدم كل من Gemini و Pexels خططًا مجانية ذات حدود استخدام معينة. إذا كنت بحاجة إلى استخدام أكبر، فقد تحتاج إلى الاشتراك في خطة مدفوعة. تحقق من مواقع الويب الخاصة بهم للحصول على تفاصيل التسعير.
ما هو "الموجه" (Prompt)؟
ما هي "temperature" في Gemini API؟
كيف يمكنني تحسين جودة النص الذي ينتجه الذكاء الاصطناعي؟
حاول صياغة طلباتك بطرق مختلفة. :جرب موجهات مختلفة - اضبط إعدادات Gemini API: قم بتجربة قيم "temperature" مختلفة.
- قدم تعليمات واضحة ومحددة: كلما كان طلبك أكثر وضوحًا، كانت النتائج أفضل.
ماذا أفعل إذا واجهت مشكلة؟
أعد مشاهدة الأجزاء التي تحتاج إلى توضيح. :ارجع إلى الفيديو التعليمي - راجع وثائق Bolt.new و Gemini API و Pexels API: غالبًا ما تحتوي الوثائق على إجابات للأسئلة الشائعة وحلول للمشكلات.
- ابحث عبر الإنترنت: ابحث عن حلول للمشكلات المحددة التي تواجهها.
مصادر إضافية
اضغط هنا لمعرفة المزيد حول شروط خدمة Google APIs اضغط هنا لمعرفة المزيد حول شروط خدمة Pexels -
اضغط هنا لقراءة مدونة جوجل عن تضمين نتائج بحث جوجل في واجهات برمجة تطبيقات