كيف تستخدم Felo Slides مع Claude Code وعملاء الذكاء الاصطناعي

June 25, 2026 · 12 دقائق

Committed to answers at your fingertips

أنشئ شرائح مدعومة بالذكاء الاصطناعي من خلال الطرفية باستخدام Felo Slides مع Claude Code وOpenClaw وحزمة npm الخاصة بـ felo-slides. دليل المطورين لإنشاء العروض التقديمية برمجياً.

$ npx felo-slides "اشرح جدولة حاويات Kubernetes في 8 شرائح"
✓ جاري تحليل الموضوع...
✓ إنشاء المخطط (8 شرائح)...
✓ إنشاء محتوى الشرائح...
✓ بناء العرض التقديمي...
✔ تم → kubernetes-pod-scheduling.felo

وهذا كل شيء. لا متصفح. لا سحب وإفلات. لا اختيار قالب. كتبت أمرًا واحدًا فقط، وظهرت ثماني شرائح.

إذا كنت قد جلست في اجتماع مدته 40 دقيقة كان ينبغي أن يكون عرض شرائح، فأنت تعرف بالفعل لماذا أنشأنا Felo Slides. لكن هذه المقالة لا تتحدث عن التطبيق الويب — بل عن ما يحدث عندما تمنح المطورين واجهة برمجة تطبيقات وتطلب منهم أتمتة كل شيء.

إليك كيفية استخدام Felo Slides مع Claude Code ووكلاء OpenClaw وسكربتاتك الخاصة لإنشاء شرائح بالذكاء الاصطناعي دون مغادرة الطرفية إطلاقًا.

[IMG: لقطة شاشة للطرفية تُظهر CLI الخاص بـ felo-slides وهو ينشئ عرضًا تقديميًا من أمر واحد، مع تمييز ملف الإخراج]

ما هو Felo Slides (للمطورين)؟

Felo Slides هو محرك عروض تقديمية يعتمد على الذكاء الاصطناعي. يعرفه أغلب الناس كأداة ويب في slides.felo.ai. ولكن في الجوهر، هو أيضًا:

حزمة npm felo-slides — واجهة سطر أوامر ومكتبة لإنشاء الشرائح برمجياً
مهارة Claude Code — مهارة مدمجة تتيح لـ Claude Code إنشاء العروض مباشرة داخل المحرر
مهارة OpenClaw — نفس الفكرة، لكنها مدمجة في إطار OpenClaw للوكلاء
واجهة REST API — نقاط نهاية HTTP لإنشاء الشرائح، تحليل المواضيع، وعرض القوالب

واجهة الويب هي الواجهة الأنيقة، بينما أدوات المطورين هي المحرك الحقيقي. يمكنك المزج كما تشاء: استخدم الـ CLI للإنشاء السريع على الجهاز المحلي، أو الـ API للأتمتة على الخادم، أو مهارة Claude Code لبناء العروض التقديمية الحوارية.

متى تستخدم أي منها:

حالة الاستخدام	الأداة
إنشاء سريع للشرائح من الطرفية	`felo-slides` CLI
إنشاء تفاعلي داخل المحرر	مهارة Claude Code
تدفقات العمل المعتمدة على الوكلاء	مهارة OpenClaw
الخوادم / CI / المهام الدورية	واجهة Felo Slides API

التثبيت والإعداد

المتطلبات المسبقة

Node.js 18 أو أحدث (20 يُفضل)
حساب Felo مع صلاحية API (النسخة المجانية كافية)
مفتاح API من slides.felo.ai/settings/api

تثبيت حزمة npm

npm install -g felo-slides

أو استخدمها بدون تثبيت:

npx felo-slides "اكتب موضوع العرض التقديمي هنا"

المصادقة

عيّن مفتاح API كمتغير بيئة:

export FELO_SLIDES_API_KEY=fsk_your_api_key_here

أو أنشئ ملف .felo-slides.json في جذر مشروعك:

{
  "apiKey": "fsk_your_api_key_here",
  "defaultOutput": "./presentations",
  "template": "developer-dark"
}

التحقق من العمل

$ felo-slides --version
felo-slides 2.4.0

$ felo-slides --check
✓ مفتاح API صالح
✓ الحد المتاح: 47/50 من الطلبات المتبقية
✓ تم تحميل القوالب: 12

[IMG: مقارنة جانبية لمخرجات الطرفية تُظهر إعدادًا ناجحًا مقابل أخطاء المصادقة الشائعة]

استخدام Felo Slides مع Claude Code

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

تثبيت مهارة Claude Code

# في مجلد مشروع Claude Code
claude skill add felo-slides

يقوم هذا بتسجيل مهارة Felo Slides في Claude Code. أصبح Claude يعرف أنه يستطيع إنشاء العروض التقديمية، وله صلاحية إلى كامل واجهة الـ API الخاصة بـ felo-slides.

الاستخدام الأساسي في Claude Code

بمجرد التثبيت، اطلب من Claude بشكل طبيعي:

> أنشئ عرضًا من 10 شرائح حول خطة الهندسة للربع الثالث.
  تضمّن أقسامًا عن: ترحيل المنصة،
  وخطة التوظيف، وميزانية البنية التحتية.

سيقوم Claude بـ:

إعداد مخطط مبدئي وتأكيد البنية معك
إنشاء محتوى الشرائح باستخدام Felo Slides API
حفظ ملف .felo داخل مجلد مشروعك
عرض التكرار على شرائح معينة

لا تبديل في السياق. لا نسخ ولصق. الشرائح تعيش في المستودع بجانب الكود الخاص بك.

متقدم: القوالب المخصصة في Claude Code

يمكنك تعريف قوالب عروض مخصصة خاصة بالمشروع ليستخدمها Claude تلقائيًا:

mkdir -p .felo/templates

أنشئ الملف .felo/templates/engineering.json:

{
  "name": "تحديث هندسي",
  "theme": "dark",
  "accent": "#6366f1",
  "fonts": {
    "heading": "JetBrains Mono",
    "body": "Inter"
  },
  "layout": {
    "titleSlide": "code-hero",
    "contentSlide": "split-left",
    "closingSlide": "cta-minimal"
  }
}

ثم في Claude Code:

> أنشئ عرضًا عن ترحيل خدمة المصادقة.
  استخدم قالب الهندسة.

سيكتشف Claude القالب تلقائيًا ويطبقه على كل شريحة يتم إنشاؤها.

[IMG: محرر Claude Code يعرض محادثة يطلب فيها المستخدم عرض شرائح، وClaude ينشئ المخطط، مع ظهور ملف .felo الناتج في شجرة الملفات]

تحرير الشرائح بشكل حواري

القوة الحقيقية لتكامل Claude Code تكمن في التحرير التكراري:

> الشريحة 3 كثيفة جدًا. قسّمها إلى شريحتين.
  انقل مخطط البنية إلى الشريحة 4.

> أضف ملاحظات للمتحدث في الشرائح 5-7. اجعلها أقل من
  50 كلمة لكل واحدة.

> غيّر لون التمييز إلى الأخضر الخاص بعلامتنا (#10b981)
  وأضف شعارنا إلى شريحة العنوان.

كل تعديل هو استدعاء API في الخلفية، لكنك لا ترى الطلبات. Claude يتولى كل شيء.

استخدام Felo Slides مع OpenClaw

يأخذ OpenClaw نهج الوكيل إلى مستوى أبعد. تتيح مهارة Felo Slides في OpenClaw لوكلاء الذكاء الاصطناعي إنشاء الشرائح كجزء من تدفقات عمل أكبر — وليس فقط استجابةً للأوامر المباشرة.

الإعداد

openclaw skill install felo-slides

قم بالتهيئة في مساحة عملك على OpenClaw:

# openclaw.yaml
skills:
  felo-slides:
    apiKey: "${FELO_SLIDES_API_KEY}"
    defaultTemplate: "professional"
    outputDir: "./output/slides"

إنشاء الشرائح المدفوع بالوكلاء

مع OpenClaw، يمكنك تشغيل إنشاء الشرائح من داخل تدفقات عمل الوكلاء:

المستخدم: أنهينا صفقة Acme. حضّر عرض بدء للفريق الهندسي.
          استخدم موجز المشروع من Notion والجداول من Linear.

الوكيل: [يقرأ موجز Notion]
        [يجلب الجدول الزمني من Linear]
        [ينشئ عرضًا من 12 شريحة باستخدام felo-slides]
        [يحفظ في output/slides/acme-kickoff.felo]
        "تم. تم إنشاء عرض يحتوي على النطاق، الجدول الزمني،
         المهام، والمعالم. هل أرسله إلى #eng-general؟"

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

[IMG: مخطط يُظهر تدفق عمل وكيل OpenClaw: طلب المستخدم → جمع السياق (Notion ، Linear) → felo-slides API → ملف الإخراج → التسليم]

أمثلة على سطر الأوامر

لنتعمق أكثر في CLI. ستغطي الأمثلة أكثر حالات الاستخدام شيوعًا للمطورين.

إنشاء من موضوع

felo-slides "الخدمات المصغّرة مقابل النظام الأحادي: دليل عملي" --slides 12

إنشاء من ملف Markdown

felo-slides --from ./meeting-notes.md --template "standup"

يقوم CLI بتحليل ملف markdown، ويكتشف العناوين والنقاط، ويرسمها تلقائيًا إلى الشرائح.

إنشاء من عنوان URL

felo-slides --from-url https://github.com/org/repo/blob/main/README.md

مفيد لتحويل الوثائق أو المقالات أو RFCs إلى عروض تقديمية.

إنشاء دفعات

# إنشاء شرائح لعدة مواضيع
felo-slides batch --file topics.txt --output ./deck-batch/

حيث يحتوي topics.txt على موضوع في كل سطر:

مراجعة OKR الربع الرابع
التهيئة للموظفين الجدد: خلفية
تقرير الحادث: انقطاع 2026-05-12
سجل قرار البنية: المعالجة بالأحداث

تنسيقات التصدير

# تصدير إلى PDF
felo-slides export ./output.felo --format pdf

# تصدير إلى PPTX
felo-slides export ./output.felo --format pptx

# تصدير إلى صور (PNG لكل شريحة)
felo-slides export ./output.felo --format png --dpi 300

التكامل مع CI/CD

# .github/workflows/weekly-deck.yml
name: إنشاء عرض التحديث الأسبوعي
on:
  schedule:
    - cron: '0 9 * * 1'  # كل يوم اثنين الساعة 9 صباحًا

jobs:
  generate:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 20
      - run: npx felo-slides "تحديث هندسي أسبوعي لـ ${{ github.run_id }}" --template weekly --output ./decks/
      - uses: actions/upload-artifact@v4
        with:
          name: weekly-deck
          path: ./decks/

[IMG: سجل تشغيل GitHub Actions يُظهر اكتمال خطوة felo-slides بنجاح مع ظهور العرض المولَّد ضمن Artifacts]

أمثلة تدفقات الأتمتة

فيما يلي ثلاث حالات حقيقية يُوفّر فيها Felo Slides وقتًا كبيرًا.

1. روبوت التحضير للاجتماع

روبوت Slack يقوم بإنشاء عرض مبدئي قبل كل اجتماع دوري:

import { FeloSlides } from 'felo-slides';
import { getMeetingContext } from './calendar-integration';

const slides = new FeloSlides({ apiKey: process.env.FELO_SLIDES_API_KEY });

export async function prepareMeetingDeck(meetingId: string) {
  const context = await getMeetingContext(meetingId);

  const deck = await slides.generate({
    topic: context.title,
    slides: 8,
    context: [
      `الحضور: ${context.attendees.join(', ')}`,
      `عناصر العمل السابقة: ${context.lastActions.join('; ')}`,
      `جدول الأعمال: ${context.agenda.join(', ')}`,
    ],
    template: 'standup',
  });

  await slides.export(deck.id, { format: 'pdf' });
  await postToSlack(context.channel, {
    text: `📊 العرض المبدئي لـ ${context.title}`,
    files: [{ file: deck.exportPath, filename: `${context.title}.pdf` }],
  });
}

2. تحويل الوثائق إلى عروض تقديمية

تحويل RFCs أو المستندات التصميمية الجديدة تلقائيًا إلى عروض أولية:

#!/bin/bash
# hooks/post-commit-slides.sh

# اكتشاف ملفات .md الجديدة ضمن /docs/rfcs
CHANGED_FILES=$(git diff --name-only HEAD~1 HEAD -- 'docs/rfcs/*.md')

for file in $CHANGED_FILES; do
  TITLE=$(head -1 "$file" | sed 's/^# //')
  OUTPUT="./presentations/$(basename "$file" .md).felo"

  npx felo-slides --from "$file" --template "rfc" --output "$OUTPUT"

  echo "تم إنشاء الشرائح لـ: $TITLE → $OUTPUT"
done

قم بربط هذا كخطاف git أو خطوة CI، وكل RFC جديد سيحصل على عرض شرائح مرافق تلقائيًا.

3. إعادة استخدام المحتوى بصيغ متعددة

حوّل قطعة محتوى واحدة إلى تدوينة ومدونة شرائح وسلسلة منشورات اجتماعية:

import { FeloSlides } from 'felo-slides';
import { generateBlog } from './blog-generator';
import { generateSocialThread } from './social-generator';

async function repurposeContent(sourceUrl: string) {
  // جلب وتحليل المحتوى الأصلي
  const content = await fetchAndParse(sourceUrl);

  // إنشاء الصيغ الثلاث بالتوازي
  const [blog, deck, thread] = await Promise.all([
    generateBlog(content, { words: 2000 }),
    new FeloSlides().generate({
      topic: content.title,
      slides: 10,
      context: content.summary,
    }),
    generateSocialThread(content, { posts: 8 }),
  ]);

  return { blog, deck, thread };
}

مصدر واحد، ثلاث مخرجات. عرض الشرائح ليس فكرة لاحقة — بل يتم إنشاؤه بنفس ذكاء المحتوى المستخدم في التدوينة.

[IMG: مخطط بياني يُظهر مصدر محتوى واحد يتفرع إلى ثلاث مخرجات: تدوينة، عرض شرائح، وخيط منشورات اجتماعية]

مرجع واجهة API

للفِرق التي تبني تكاملات مخصصة، توفر واجهة Felo Slides API ثلاث نقاط أساسية.

المصادقة

جميع الطلبات تتطلب مفتاح API في الترويسة:

Authorization: Bearer fsk_your_api_key_here

POST /v1/slides/generate

إنشاء عرض تقديمي جديد.

curl -X POST https://api.slides.felo.ai/v1/slides/generate \
  -H "Authorization: Bearer fsk_your_api_key_here" \
  -H "Content-Type: application/json" \
  -d '{
    "topic": "Introduction to WebAssembly",
    "slideCount": 10,
    "template": "developer-dark",
    "context": [
      "Audience: senior backend engineers",
      "Focus on practical use cases, not theory",
      "Include performance comparison with Docker"
    ],
    "language": "en"
  }'

الاستجابة:

{
  "id": "deck_abc123",
  "status": "processing",
  "estimatedSeconds": 15,
  "slides": 10,
  "pollUrl": "/v1/slides/deck_abc123"
}

GET /v1/slides/{id}

التحقق من الحالة وجلب العرض المكتمل.

curl https://api.slides.felo.ai/v1/slides/deck_abc123 \
  -H "Authorization: Bearer fsk_your_api_key_here"

الاستجابة (عند الاكتمال):

{
  "id": "deck_abc123",
  "status": "complete",
  "slides": [
    {
      "number": 1,
      "title": "What Is WebAssembly?",
      "content": "...",
      "notes": "..."
    }
  ],
  "downloadUrls": {
    "felo": "https://api.slides.felo.ai/v1/slides/deck_abc123/download?felo",
    "pdf": "https://api.slides.felo.ai/v1/slides/deck_abc123/download?pdf",
    "pptx": "https://api.slides.felo.ai/v1/slides/deck_abc123/download?pptx"
  }
}

POST /v1/slides/{id}/edit

تعديل عرض قائم برمجيًا.

curl -X POST https://api.slides.felo.ai/v1/slides/deck_abc123/edit \
  -H "Authorization: Bearer fsk_your_api_key_here" \
  -H "Content-Type: application/json" \
  -d '{
    "actions": [
      { "type": "update", "slide": 3, "title": "WASM vs Containers: Benchmarks" },
      { "type": "insert", "after": 5, "title": "Live Demo", "content": "..." },
      { "type": "delete", "slide": 8 }
    ]
  }'

حدود المعدل

الخطة المجانية: 50 طلبًا/يوم، 5 طلبات/دقيقة
الخطة الاحترافية: 500 طلب/يوم، 30 طلب/دقيقة
المؤسسات: حدود مخصصة

يتعامل CLI الخاص بـ felo-slides وجميع حزم SDK مع الحد الأقصى للطلبات تلقائيًا مع تراجع أُسّي.

[IMG: لقطة شاشة من توثيق API تُظهر النقاط الثلاث مع أمثلة الطلبات والاستجابات]

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

هل يمكنني استخدام Felo Slides دون اتصال؟

تتطلب خطوة الإنشاء اتصال API (النموذج يعمل على الخادم). لكن يمكنك تصدير العروض إلى PDF أو PPTX والعمل بها محليًا بعد ذلك. يخزّن CLI آخر 10 عروض تم إنشاؤها لعرضها دون اتصال.

كيف أتعامل مع المحتوى الحساس؟

يتم تشفير جميع الطلبات أثناء النقل (TLS 1.3) وعند التخزين. لا يُستخدم محتوى الشرائح في تدريب النماذج. للمؤسسات ذات متطلبات الإقامة البيانية، تواصل معنا بخصوص خيارات التشغيل الداخلي.

هل يمكنني استخدام قوالبي الخاصة؟

نعم. تدعم كل من حزمة npm وواجهة الـ API القوالب المخصصة. عرّف قالبك كملف JSON (راجع قسم Claude Code أعلاه)، ثم أشر إليه بالاسم أو المسار:

felo-slides "اكتب الموضوع هنا" --template ./my-template.json

ما هو تنسيق الإخراج؟

تُخزن العروض كملفات .felo (تنسيق JSON منظم). يمكنك التصدير إلى PDF أو PPTX أو PNG أو HTML. تنسيق .felo قابل للتحرير — يمكنك تعديله برمجيًا أو إعادة استيراده لمزيد من التحرير الآلي.

هل تعمل مهارة Claude Code مع CLI أم فقط مع تطبيق سطح المكتب؟

كلاهما. تعمل المهارة مع claude في الطرفية ومع تطبيق Claude لسطح المكتب. التثبيت واحد في الحالتين.

هل يمكنني إنشاء شرائح بلغات غير الإنجليزية؟

نعم. مرر معامل language (رمز ISO 639-1) إلى الـ API أو استخدم علم --lang في CLI:

felo-slides "Kubernetes 入门指南" --lang zh
felo-slides "Introducción a WebAssembly" --lang es

ينشئ الذكاء الاصطناعي المحتوى باللغة المحددة مع الحفاظ على المصطلحات التقنية بصيغتها القياسية.

ما الفرق بين مهارة OpenClaw ومهارة Claude Code؟

تم تحسين مهارة Claude Code للاستخدام التفاعلي داخل المحرر — فهي تطرح أسئلة توضيحية وتتفاعل معك. بينما تم تصميم مهارة OpenClaw لتدفقات العمل الآلية — تأخذ مدخلات منظمة وتعيد مخرجات دون حوار. نفس المحرك، لكن بأسلوب تفاعل مختلف.

ابدأ بالبناء

إليك قائمة الانطلاق السريعة:

احصل على مفتاح API → slides.felo.ai/settings/api
ثبّت CLI → npm install -g felo-slides
عيّن المفتاح → export FELO_SLIDES_API_KEY=fsk_...
أنشئ أول عرض → felo-slides "اكتب موضوعك هنا"
أضفه إلى Claude Code → claude skill add felo-slides
قم بالأتمتة → اربط الـ API بتدفقات عملك

Felo Slides لا يسعى لاستبدال أداة التصميم الخاصة بك، بل لحل مشكلة "أحتاج عرضًا سريعًا" — خاصة عندما تكون تعمل في الطرفية أو المحرر أو بيئة الوكلاء.

الشرائح التي تنشئها بهذه الطريقة ليست مسودات مثالية، لكنها مسودات مفيدة. النوع الذي تفتحه، تضبطه خلال 10 دقائق، ثم تشاركه. هذا هو المعيار.

جرّبها:

npx felo-slides "العرض الذي كنت أنوي تقديمه"

→ Felo Slides · حزمة npm · توثيق API · GitHub

تتوفر هذه المقالة أيضًا باللغات التالية: English, 简体中文, 日本語, 한국어, 繁體中文, हिन्दी, Français, Русский, اردو, Bahasa Indonesia, Deutsch, Tiếng Việt, Türkçe, Italiano, ไทย, Español, বাংলা and Português.

ما هو Felo Slides (للمطورين)؟​

التثبيت والإعداد​

المتطلبات المسبقة​

تثبيت حزمة npm​

المصادقة​

التحقق من العمل​

استخدام Felo Slides مع Claude Code​

تثبيت مهارة Claude Code​

الاستخدام الأساسي في Claude Code​

متقدم: القوالب المخصصة في Claude Code​

تحرير الشرائح بشكل حواري​

استخدام Felo Slides مع OpenClaw​

الإعداد​

إنشاء الشرائح المدفوع بالوكلاء​

أمثلة على سطر الأوامر​

إنشاء من موضوع​

إنشاء من ملف Markdown​

إنشاء من عنوان URL​

إنشاء دفعات​

تنسيقات التصدير​

التكامل مع CI/CD​

أمثلة تدفقات الأتمتة​

1. روبوت التحضير للاجتماع​

2. تحويل الوثائق إلى عروض تقديمية​

3. إعادة استخدام المحتوى بصيغ متعددة​

مرجع واجهة API​

المصادقة​

POST /v1/slides/generate​

GET /v1/slides/{id}​

POST /v1/slides/{id}/edit​

حدود المعدل​

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

هل يمكنني استخدام Felo Slides دون اتصال؟​

كيف أتعامل مع المحتوى الحساس؟​

هل يمكنني استخدام قوالبي الخاصة؟​

ما هو تنسيق الإخراج؟​

هل تعمل مهارة Claude Code مع CLI أم فقط مع تطبيق سطح المكتب؟​

هل يمكنني إنشاء شرائح بلغات غير الإنجليزية؟​

ما الفرق بين مهارة OpenClaw ومهارة Claude Code؟​

ابدأ بالبناء​

ما هو Felo Slides (للمطورين)؟

التثبيت والإعداد

المتطلبات المسبقة

تثبيت حزمة npm

المصادقة

التحقق من العمل

استخدام Felo Slides مع Claude Code

تثبيت مهارة Claude Code

الاستخدام الأساسي في Claude Code

متقدم: القوالب المخصصة في Claude Code

تحرير الشرائح بشكل حواري

استخدام Felo Slides مع OpenClaw

الإعداد

إنشاء الشرائح المدفوع بالوكلاء

أمثلة على سطر الأوامر

إنشاء من موضوع

إنشاء من ملف Markdown

إنشاء من عنوان URL

إنشاء دفعات

تنسيقات التصدير

التكامل مع CI/CD

أمثلة تدفقات الأتمتة

1. روبوت التحضير للاجتماع

2. تحويل الوثائق إلى عروض تقديمية

3. إعادة استخدام المحتوى بصيغ متعددة

مرجع واجهة API

المصادقة

POST /v1/slides/generate

GET /v1/slides/{id}

POST /v1/slides/{id}/edit

حدود المعدل

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

هل يمكنني استخدام Felo Slides دون اتصال؟

كيف أتعامل مع المحتوى الحساس؟

هل يمكنني استخدام قوالبي الخاصة؟

ما هو تنسيق الإخراج؟

هل تعمل مهارة Claude Code مع CLI أم فقط مع تطبيق سطح المكتب؟

هل يمكنني إنشاء شرائح بلغات غير الإنجليزية؟

ما الفرق بين مهارة OpenClaw ومهارة Claude Code؟

ابدأ بالبناء