·og-images

أدلة إنشاء OpenGraph وTwitter لمشاركة الصور باستخدام التالي/og ImageResponse. يغطي أنماط التخطيط والخطوط المخصصة والصور الرمزية وحالة العنوان وقواعد Satori. يُستخدم عند إنشاء صور OG أو بطاقات Twitter أو المعاينات الاجتماعية.

11التثبيتات·0الرائج·@richtabor

التثبيت

$npx skills add https://github.com/richtabor/agent-skills --skill og-images

كيفية تثبيت og-images

ثبّت مهارة الذكاء الاصطناعي og-images بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/richtabor/agent-skills --skill og-images
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: richtabor/agent-skills.

Generate dynamic OpenGraph (1200x630) and Twitter (1200x600) images using next/og ImageResponse.

| opengraph-image.tsx | Facebook, LinkedIn, iMessage | 1200x630 | | twitter-image.tsx | Twitter/X cards | 1200x600 | | app/api/og/route.tsx | Dynamic API route | 1200x630 |

Place file-based routes in the relevant route directory (e.g., app/about/opengraph-image.tsx for /about).

أدلة إنشاء OpenGraph وTwitter لمشاركة الصور باستخدام التالي/og ImageResponse. يغطي أنماط التخطيط والخطوط المخصصة والصور الرمزية وحالة العنوان وقواعد Satori. يُستخدم عند إنشاء صور OG أو بطاقات Twitter أو المعاينات الاجتماعية. المصدر: richtabor/agent-skills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/richtabor/agent-skills --skill og-images
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from richtabor/agent-skills

إجابات سريعة

ما هي og-images؟

أدلة إنشاء OpenGraph وTwitter لمشاركة الصور باستخدام التالي/og ImageResponse. يغطي أنماط التخطيط والخطوط المخصصة والصور الرمزية وحالة العنوان وقواعد Satori. يُستخدم عند إنشاء صور OG أو بطاقات Twitter أو المعاينات الاجتماعية. المصدر: richtabor/agent-skills.

كيف أثبّت og-images؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/richtabor/agent-skills --skill og-images بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/richtabor/agent-skills

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-01