إذا كنت تبحث عن «أداة لإنشاء لقطات شاشة App Store» أو «أداة ذكاء اصطناعي للقطات شاشة المتاجر»، فغالباً ما تحتاج إلى أكثر من وضع إطار هاتف حول صورة. أنت تريد إنشاء مواد تسويقية توضح قيمة تطبيقك، وتلتزم بمتطلبات المقاسات، ويسهل تحديثها باستمرار. صُمم المشروع مفتوح المصدر ParthJadhav/app-store-screenshots لهذه العملية كاملة.
ما App Store Screenshots Skill؟
App Store Screenshots Skill هي مهارة مفتوحة المصدر لوكلاء البرمجة بالذكاء الاصطناعي، مثل Claude Code وCursor وWindsurf وOpenCode وCodex. بعد تثبيتها، ترشد الوكيل إلى إنشاء محرر للقطات شاشة المتجر داخل مشروعك باستخدام Next.js وReact وTypeScript. والنتيجة أداة قابلة للتحرير بدلاً من صورة ثابتة يصعب تعديلها.
يوفر لك المحرر لوحات منفصلة لأجهزة iPhone وiPad وهواتف Android وأجهزة Android اللوحية وGoogle Play Feature Graphic. يمكنك سحب الأجهزة والنصوص والعناصر الزخرفية، والتبديل بين السمات واللغات، وتصدير كل مقاس مطلوب ضمن مجموعة من ملفات PNG.
«لقطات الشاشة إعلانات وليست وثائق.»
مبدأ أساسي في App Store Screenshots Skill
يوضح هذا المبدأ اختلافها عن أدوات النماذج المرئية المعتادة: يجب أن توصل لقطة شاشة المتجر فائدة للمستخدم خلال ثانية، ثم تعرض الواجهة. خصص لكل صورة ميزة واحدة، وتأكد من بقاء عنوانها مقروءاً بحجم الصورة المصغرة المستخدم في نتائج البحث.
لماذا هي أنفع من مطالبة الذكاء الاصطناعي بإنشاء بضع صور؟
تفيد أدوات إنشاء الصور في استكشاف اتجاه بصري. لكن مواد المتجر تحتاج أيضاً إلى واجهة ونص دقيقين، ومقاسات موثوقة، وتحديثات مستمرة للإصدارات واللغات الجديدة. تمنح هذه المهارة الوكيل مهمة أنسب: إنشاء أداة الإنتاج وتنظيم المواد واقتراح التصميمات، مع إبقاء التحكم النهائي في المحرر المرئي.
- تكون النتيجة عادة صورة ثابتة واحدة
- تتطلب المقاسات واللغات عملاً يدوياً متكرراً
- يصعب تتبع التغييرات
- توفر محرر Next.js متكاملاً
- تدير الأجهزة واللغات معاً
- تحفظ حالة المشروع بصيغة JSON يمكنك إيداعها في Git
ست إمكانات مفيدة
Connected Canvas
صمم تسلسل لقطات الشاشة جنباً إلى جنب. يمكن للهواتف والمسارات والعناصر الزخرفية أن تمتد عبر الشاشات المتجاورة، مع قص دقيق عند التصدير.
أداة الفحص المرئية
استخدم اللوحة اليمنى لضبط العناوين والتسميات والتخطيطات والطبقات والدوران والمقياس ومصادر لقطات الشاشة من دون تعديل كود الصفحة يدوياً.
لوحات لمنصات متعددة
يغطي سير عمل واحد أجهزة iPhone وiPad وهواتف Android والأجهزة اللوحية مقاس 7-inch و10-inch وFeature Graphic.
الترجمة ودعم RTL
احفظ النصوص والشاشات حسب اللغة، وافحص التخطيطات للغات التي تُكتب من اليمين إلى اليسار، مثل العربية والعبرية.
حفظ حالة المشروع
ملف app-store-screenshots.json هو مصدر حقيقة قابل للقراءة والمراجعة، لذلك يمكنك مواصلة العمل بعد الانتقال إلى كمبيوتر آخر.
تصدير دفعات
صدّر ملفات منظمة حسب المنصة والجهاز والدقة واللغة، لتقليل عمل تغيير المقاسات وإعادة التسمية قبل الإرسال.
من لقطات الشاشة الخام إلى مواد جاهزة للمتجر
تتكون العملية من ست خطوات: جهّز لقطات شاشة حقيقية من الجهاز وأيقونة التطبيق، وثبّت المهارة، واطلب من الوكيل إنشاء المحرر أو ترحيله، وحسّن السرد والعناصر المرئية على اللوحة المتصلة، وأكمل كل لغة، ثم صدّر حزم الصور التي تتطلبها متاجرك.
كيف تثبتها وتبدأ استخدامها؟
أسرع طريقة هي استخدام واجهة skills لسطر الأوامر. يتطلب المشروع Node.js 18 أو إصداراً أحدث، ويدعم bun وpnpm وyarn وnpm.
npx skills add ParthJadhav/app-store-screenshots
بعد التثبيت، قدم للوكيل أكثر من طلب «إنشاء بضع لقطات شاشة». ستحصل على نسخة أولى أقوى بكثير إذا قدمت موجزاً يتناول قيمة المنتج وأولويات الميزات والأجهزة المستهدفة واللغات والأسلوب وعدد الشاشات.
قالب مقترح للطلب
أنشئ لقطات شاشة App Store لتطبيقي المخصص لتتبع العادات. يساعد التطبيق الأشخاص على الحفاظ على سلسلة إنجازاتهم من خلال خطة يومية بسيطة. أهم الميزات بالترتيب هي تسجيل الإنجاز بسرعة ومراجعة الاتجاهات وأدوات الشاشة الرئيسية. أحتاج إلى مجموعتين لجهاز iPhone، واحدة بالإنجليزية والأخرى بالصينية المبسطة، وفي كل مجموعة ست لقطات شاشة. يجب أن يكون الأسلوب المرئي بسيطاً ودافئاً ومتقناً. توجد لقطات الشاشة الحقيقية في ./marketing/screenshots، والأيقونة في ./AppIcon.png.
مواد يجب تجهيزها مسبقاً
- لقطات شاشة حقيقية للتطبيق من جهاز محاكاة أو برنامج محاكاة أو جهاز فعلي
- أيقونة تطبيق بخلفية شفافة أو بدقة عالية
- وصف للمنتج في جملة واحدة، وثلاث إلى خمس نقاط بيع أساسية
- المتاجر والأجهزة واللغات المستهدفة وعدد الشاشات
- ألوان العلامة التجارية وخطوطها أو تطبيقات مرجعية
ما مقاسات App Store وGoogle Play التي يمكنها تصديرها؟
تصمم المهارة بأكبر مقاس مدعوم لكل منصة، ثم تنشئ النسخ الأصغر. يعرض الجدول أدناه إعدادات التصدير الشائعة المضمّنة في المشروع. قبل الإرسال، راجع أحدث متطلبات مواصفات لقطات الشاشة من Apple ومواد المعاينة في Google Play.
| المتجر | الجهاز أو المادة | دقة التصدير |
|---|---|---|
| Apple App Store | جهاز iPhone مقاس 6.9-inch | 1320 × 2868 |
| جهاز iPhone مقاس 6.5-inch | 1284 × 2778 | |
| جهاز iPhone مقاس 6.3-inch | 1206 × 2622 | |
| جهاز iPhone مقاس 6.1-inch | 1125 × 2436 | |
| Google Play | هاتف، اتجاه رأسي | 1080 × 1920 |
| جهاز لوحي مقاس 7-inch | 1200 × 1920 / 1920 × 1200 | |
| جهاز لوحي مقاس 10-inch | 1600 × 2560 / 2560 × 1600 | |
| Feature Graphic | 1024 × 500 |
ملاحظة: لدى Google Play قواعد إضافية لأشكال معينة من الأجهزة، بما فيها Wear OS وAndroid Automotive OS. يجب أن تمثل لقطات الشاشة ميزات التطبيق الحالية بدقة، وتجنب الصور أو الادعاءات التسويقية المضللة.
لمن تناسب، وما حدودها؟
تناسب
- المطورين المستقلين وفرق المنتجات الصغيرة
- التطبيقات الصادرة على iOS وAndroid معاً
- المشاريع التي تحدّث لقطات شاشة الميزات باستمرار
- الفرق التي تدير مواد المتجر بلغات متعددة
أمور يجب مراعاتها
- ما زلت بحاجة إلى لقطات شاشة عالية الجودة للمنتج الحقيقي
- تحتاج المسودة الأولى للنص إلى تقدير من فريق المنتج ومراجعة بشرية
- قد تتطلب العناصر المرئية المعقدة للعلامة التجارية توسيع كود السمة
- تظل كل صورة مصدّرة بحاجة إلى فحص صورتها المصغرة ومدى امتثالها
يمكنها إزالة العمل المتكرر وتكلفة إنشاء أدواتك، لكنها لا تحل محل تموضع المنتج أو استراتيجية العلامة التجارية أو المراجعة النهائية. دع الوكيل ينشئ مساحة العمل ويقترح الخيارات، ودع المصمم أو المطور يتخذ القرارات ويفحص النتيجة.
الأسئلة الشائعة
هل تنشئ لقطات شاشة iOS لـ App Store فقط؟
لا. يدعم المشروع أجهزة iPhone وiPad وهواتف Android وأجهزة Android اللوحية وGoogle Play Feature Graphic بمقاس 1024 × 500.
هل يمكنني استخدامها من دون خبرة في التصميم؟
نعم. توفر المهارة سمات وتخطيطات ومبادئ لكتابة النصوص، ويدعم المحرر التعديلات بالسحب والإفلات. إذا كانت لدى تطبيقك إرشادات صارمة للعلامة التجارية، فينبغي لمصمم مراجعة النتيجة النهائية.
هل يمكنني تسليم مشروع لقطات الشاشة إلى فريقي؟
نعم. يمكن إيداع كل من ملفات الصور وapp-store-screenshots.json في Git. يستطيع أعضاء الفريق استنساخ المشروع وتثبيت تبعياته ومواصلة التحرير.
هل تلتقط كل شاشة في تطبيقي تلقائياً؟
لا. تركز المهارة على تصميم لقطات الشاشة التسويقية للمتجر وترتيبها وتصديرها. في مشاريع iOS، يمكن لمهارة ios-marketing-capture التي أنشأها المؤلف أن تساعد في أتمتة التقاط لقطات الشاشة المصدرية. أما التقنيات الأخرى، فجهّز موادها يدوياً أولاً.
هل ينبغي إضافتها إلى سير عمل إطلاقك؟
إذا كان كل إصدار يتطلب تكرار تغيير المقاسات وإضافة إطارات الأجهزة ووضع النصوص وتنظيم مجلدات اللغات، فهي جديرة بالاهتمام. تتمثل القيمة الأساسية لـ App Store Screenshots Skill في تحويل عملية مواد تسويقية متفرقة إلى مشروع يمكنك تحريره وإعادة استخدامه ومراجعته وتسليمه.