المهارات screenshots
📸

screenshots

مخاطر منخفضة ⚙️ الأوامر الخارجية🌐 الوصول إلى الشبكة📁 الوصول إلى نظام الملفات

Générer des captures d'écran marketing avec Playwright

Créer des captures d'écran de qualité marketing pour Product Hunt, les réseaux sociaux ou la documentation prend beaucoup de temps. Cette compétence automatise la capture de captures d'écran en résolution retina avec Playwright.

يدعم: Claude Codex Code(CC)
📊 71 كافٍ
1

تنزيل ZIP المهارة

2

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

3

فعّل وابدأ الاستخدام

اختبرها

استخدام "screenshots". Generate 5 marketing screenshots of my Next.js app at localhost:3000

النتيجة المتوقعة:

Created screenshots directory and captured 5 retina-quality images: 01-landing-hero.png, 02-features-grid.png, 03-dashboard-view.png, 04-analytics-panel.png, 05-settings-modal.png. All files are 2880x1800 resolution ready for marketing use.

استخدام "screenshots". Screenshot the pricing page after clicking the annual toggle

النتيجة المتوقعة:

Navigated to /pricing, clicked annual billing toggle, waited for price update animation, captured pricing-annual.png showing updated pricing display.

التدقيق الأمني

مخاطر منخفضة
v1 • 2/25/2026

Static analysis detected 83 pattern matches, but all are false positives. The SKILL.md file contains documentation and code examples for a legitimate Playwright screenshot tool. External commands are standard development tooling (npx, npm, node, mkdir). Network references are localhost examples in documentation. Filesystem operations create a screenshots directory for user output.

1
الملفات التي تم فحصها
402
الأسطر التي تم تحليلها
6
النتائج
1
إجمالي عمليات التدقيق
مشكلات منخفضة المخاطر (3)
SKILL.md:24-26SKILL.md:158-160SKILL.md:283-285
External Command Execution
Skill executes shell commands for Playwright operations and file management. Commands are standard development tooling with hardcoded arguments.
SKILL.md:74-77
User Credential Collection
Skill prompts users for login credentials (email, password) to access authenticated pages for screenshots. Credentials are used in generated scripts.
SKILL.md:40-43
Localhost Network Access
Skill accesses localhost URLs provided by users for screenshot capture. This is expected behavior for a web app screenshot tool.

عوامل الخطر

⚙️ الأوامر الخارجية (5)
SKILL.md:24-26 SKILL.md:158-160 SKILL.md:283-285 SKILL.md:288-290 SKILL.md:361-364
🌐 الوصول إلى الشبكة (1)
SKILL.md:40-43
📁 الوصول إلى نظام الملفات (1)
SKILL.md:158-160
تم تدقيقه بواسطة: claude

درجة الجودة

38
الهندسة المعمارية
100
قابلية الصيانة
87
المحتوى
50
المجتمع
84
الأمان
91
الامتثال للمواصفات

ماذا يمكنك بناءه

Lancement Product Hunt

Générer une série de 5 à 10 captures d'écran héroïques mettant en avant les fonctionnalités clés pour votre page de lancement Product Hunt.

Captures d'écran de documentation

Créer des captures d'écran de référence d'interface utilisateur cohérentes pour les guides utilisateur et la documentation des tutoriels.

Contenu pour les réseaux sociaux

Produire des captures d'écran de démonstration de fonctionnalités accrocheuses optimisées pour Twitter, LinkedIn et d'autres plateformes sociales.

جرّب هذه الموجهات

Demande de capture d'écran basique 
Take screenshots of my app at http://localhost:3000 for a Product Hunt launch. I need 5 screenshots showing the dashboard, main features, and settings page.
Captures d'écran d'application authentifiée 
My app requires login. The login page is at /sign-in. Use email demo@example.com and password Demo123!. After login, screenshot the dashboard and user profile pages.
Captures d'écran de fonctionnalités plein page 
Capture full-page screenshots (not just viewport) of the pricing page and features page. Wait 500ms for animations to complete before capturing.
Variantes mode sombre et clair 
Generate screenshots of the landing page in both light and dark mode. Use viewport 1440x900 with 2x retina scaling for marketing use.

أفضل الممارسات

  • Utiliser des données de démonstration ou种子 pour garantir que les captures d'écran affichent un contenu réaliste
  • Toujours attendre l'état networkidle pour garantir le chargement complet de la page
  • Utiliser des préfixes numériques dans les noms de fichiers pour un ordering cohérent

تجنب

  • Ne pas valider les captures d'écran avec des données sensibles dans le contrôle de version
  • Éviter de capturer des captures d'écran avec des données utilisateur personnelles ou des identifiants visibles
  • Ne pas utiliser d'URL de production sans confirmation explicite de l'utilisateur

الأسئلة المتكررة

Do I need to install Playwright separately?
Yes. Run npm install -D playwright or npm install -D @playwright/test before using this skill.
What resolution are the screenshots?
Les captures d'écran sont capturées à 2880x1800 pixels en utilisant un facteur d'échelle d'appareil 2x pour une qualité retina.
Can this skill screenshot apps that require login?
Yes. Provide your login credentials when prompted, and the skill will authenticate before capturing screenshots.
Where are the screenshots saved?
Les captures d'écran sont enregistrées dans un répertoire screenshots à la racine de votre projet avec des noms de fichiers descriptifs en kebab-case.
Can I capture screenshots in dark mode?
Yes. If your app supports dark mode, the skill can set the browser color scheme to dark before capturing.
What if my dev server is not running?
La compétence détectera si Playwright ne peut pas se connecter et vous aidera à démarrer votre serveur de développement avant de continuer.

تفاصيل المطور

المؤلف

sickn33

الترخيص

MIT

المستودع

https://github.com/sickn33/antigravity-awesome-skills/tree/main/web-app/public/skills/screenshots

مرجع

main

بنية الملفات

📄 SKILL.md