Compétences screenshots
📸

screenshots

Risque faible ⚙️ Commandes externes🌐 Accès réseau📁 Accès au système de fichiers

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.

Prend en charge: Claude Codex Code(CC)
⚠️ 68 Médiocre
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "screenshots". Generate 5 marketing screenshots of my Next.js app at localhost:3000

Résultat attendu:

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.

Utilisation de "screenshots". Screenshot the pricing page after clicking the annual toggle

Résultat attendu:

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

Audit de sécurité

Risque faible
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
Fichiers analysés
402
Lignes analysées
6
résultats
1
Total des audits
Problèmes à risque faible (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.

Facteurs de risque

⚙️ Commandes externes (5)
SKILL.md:24-26 SKILL.md:158-160 SKILL.md:283-285 SKILL.md:288-290 SKILL.md:361-364
🌐 Accès réseau (1)
SKILL.md:40-43
📁 Accès au système de fichiers (1)
SKILL.md:158-160
Audité par: claude

Score de qualité

38
Architecture
100
Maintenabilité
87
Contenu
32
Communauté
84
Sécurité
91
Conformité aux spécifications

Ce que vous pouvez construire

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.

Essayez ces prompts

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.

Bonnes pratiques

  • 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

Éviter

  • 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

Foire aux questions

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.

Détails du développeur

Auteur

sickn33

Licence

MIT

Dépôt

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

Réf

main

Structure de fichiers

📄 SKILL.md