·og-image-creator
</>

og-image-creator

إنشاء صور OG الذكية التي تدرس قاعدة التعليمات البرمجية الخاصة بك، وتفهم المسارات وهوية العلامة التجارية، ثم تقوم بإنشاء صور Open Graph مناسبة للسياق باستخدام مكونات Playwright وReact. المشغلات: "إنشاء صور"، "إنشاء بطاقات اجتماعية"، "إضافة صور رسم بياني مفتوحة".

5التثبيتات·0الرائج·@chongdashu

التثبيت

$npx skills add https://github.com/chongdashu/cc-skills --skill og-image-creator

كيفية تثبيت og-image-creator

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

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

المصدر: chongdashu/cc-skills.

Generate authentic, brand-aligned Open Graph images by understanding your codebase first, then creating contextually appropriate images for each route using Playwright and your existing components.

Dynamic OG images: Consider Next.js OG Image Generation (@vercel/og) for dynamic content, but use static generation for brand consistency.

❌ Generic templates: Don't use stock social card templates that ignore the site's brand

إنشاء صور OG الذكية التي تدرس قاعدة التعليمات البرمجية الخاصة بك، وتفهم المسارات وهوية العلامة التجارية، ثم تقوم بإنشاء صور Open Graph مناسبة للسياق باستخدام مكونات Playwright وReact. المشغلات: "إنشاء صور"، "إنشاء بطاقات اجتماعية"، "إضافة صور رسم بياني مفتوحة". المصدر: chongdashu/cc-skills.

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

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

أمر التثبيت
npx skills add https://github.com/chongdashu/cc-skills --skill og-image-creator
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-25
آخر تحديث
2026-03-11

Browse more skills from chongdashu/cc-skills

إجابات سريعة

ما هي og-image-creator؟

إنشاء صور OG الذكية التي تدرس قاعدة التعليمات البرمجية الخاصة بك، وتفهم المسارات وهوية العلامة التجارية، ثم تقوم بإنشاء صور Open Graph مناسبة للسياق باستخدام مكونات Playwright وReact. المشغلات: "إنشاء صور"، "إنشاء بطاقات اجتماعية"، "إضافة صور رسم بياني مفتوحة". المصدر: chongdashu/cc-skills.

كيف أثبّت og-image-creator؟

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

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

https://github.com/chongdashu/cc-skills

التفاصيل

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

مهارات ذات صلة