إنشاء صور OG الذكية التي تدرس قاعدة التعليمات البرمجية الخاصة بك، وتفهم المسارات وهوية العلامة التجارية، ثم تقوم بإنشاء صور Open Graph مناسبة للسياق باستخدام مكونات Playwright وReact. المشغلات: "إنشاء صور"، "إنشاء بطاقات اجتماعية"، "إضافة صور رسم بياني مفتوحة".
ثبّت مهارة الذكاء الاصطناعي og-image-creator بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: 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إنشاء صور OG الذكية التي تدرس قاعدة التعليمات البرمجية الخاصة بك، وتفهم المسارات وهوية العلامة التجارية، ثم تقوم بإنشاء صور Open Graph مناسبة للسياق باستخدام مكونات Playwright وReact. المشغلات: "إنشاء صور"، "إنشاء بطاقات اجتماعية"، "إضافة صور رسم بياني مفتوحة". المصدر: chongdashu/cc-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل 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