قم بإنشاء صور معاينة الوسائط الاجتماعية (افتح الرسم البياني) وقم بتكوين العلامات الوصفية. إنشاء صفحة محسنة لالتقاط لقطة الشاشة باستخدام نظام التصميم الحالي للمشروع، والتقاطها بحجم 1200 × 630، وإعداد جميع العلامات الوصفية للمشاركة الاجتماعية.
ثبّت مهارة الذكاء الاصطناعي og-image بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: stevysmith/og-image-skill.
This skill creates professional Open Graph images for social media sharing. It analyzes the existing codebase to match the project's design system, generates a dedicated OG image page, screenshots it, and configures all necessary meta tags.
Create a dedicated route at /og-image (or equivalent for the framework):
Audit and update the project's meta tag configuration. For Next.js App Router, update layout.tsx. For other frameworks, update the appropriate location.
قم بإنشاء صور معاينة الوسائط الاجتماعية (افتح الرسم البياني) وقم بتكوين العلامات الوصفية. إنشاء صفحة محسنة لالتقاط لقطة الشاشة باستخدام نظام التصميم الحالي للمشروع، والتقاطها بحجم 1200 × 630، وإعداد جميع العلامات الوصفية للمشاركة الاجتماعية. المصدر: stevysmith/og-image-skill.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/stevysmith/og-image-skill --skill og-imageقم بإنشاء صور معاينة الوسائط الاجتماعية (افتح الرسم البياني) وقم بتكوين العلامات الوصفية. إنشاء صفحة محسنة لالتقاط لقطة الشاشة باستخدام نظام التصميم الحالي للمشروع، والتقاطها بحجم 1200 × 630، وإعداد جميع العلامات الوصفية للمشاركة الاجتماعية. المصدر: stevysmith/og-image-skill.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/stevysmith/og-image-skill --skill og-image بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/stevysmith/og-image-skill