أدلة إنشاء OpenGraph وTwitter لمشاركة الصور باستخدام التالي/og ImageResponse. يغطي أنماط التخطيط والخطوط المخصصة والصور الرمزية وحالة العنوان وقواعد Satori. يُستخدم عند إنشاء صور OG أو بطاقات Twitter أو المعاينات الاجتماعية.
ثبّت مهارة الذكاء الاصطناعي og-images بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: 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أدلة إنشاء OpenGraph وTwitter لمشاركة الصور باستخدام التالي/og ImageResponse. يغطي أنماط التخطيط والخطوط المخصصة والصور الرمزية وحالة العنوان وقواعد Satori. يُستخدم عند إنشاء صور OG أو بطاقات Twitter أو المعاينات الاجتماعية. المصدر: richtabor/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل 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