option
MaisonMaison Skill Automatisation du navigateur screenshots-marketing

screenshots-marketing

nexu-io/open-design nexu-io/open-design

Créez des captures d'écran à visée marketing avec Playwright. Idéal pour les images d'en-tête des pages d'accueil, les captures d'écran de l'App Store et les visuels des journaux de mises à jour.

...Développer tout
12
Heure mise à jour 25 août 2026

À propos d'screenshots-marketing

screenshots-marketing Il s’agit d’une entrée de catalogue au sein de la collection de compétences Open Design qui présente un workflow basé sur Playwright permettant de générer des captures d’écran à des fins marketing. Son objectif déclaré est d’aider les agents à produire des visuels soignés, tels que des images de tête pour les pages d’accueil, des captures d’écran pour l’App Store et des images de journal des modifications, résolvant ainsi le problème courant que représente la capture et le cadrage manuels des images de produits destinées aux supports marketing.

Il est important de noter qu’il s’agit d’un simple indicateur plutôt que d’une implémentation complète. Le fichier SKILL.md fourni est un fichier unique servant de promotion qui permet de rendre la compétence détectable pendant la phase de planification d’un agent ; il ne contient pas les scripts Playwright, les ressources ou les références proprement dits. Pour exécuter le véritable flux de travail, l’utilisateur doit installer le bundle en amont (sélectionné par @Shpigford, disponible sur github.com/Shpigford/screenshots) dans le répertoire des compétences de son agent actif. La compétence expose des expressions déclencheuses telles que « capture d’écran marketing », « capture d’écran Playwright », « image phare » et « capture d’écran App Store », afin que l’agent puisse la faire apparaître par son nom ou par son intention.

Les utilisateurs visés sont les développeurs, les créateurs indépendants et les ingénieurs marketing qui souhaitent automatiser et standardiser la génération de captures d’écran dans le cadre d’un système de conception d’agents plus large. Elle convient à des cas d’utilisation tels que la préparation de visuels de lancement, l’actualisation de pages d’accueil ou la création d’images pour les fiches de l’App Store. Toute personne souhaitant l’évaluer doit comprendre que sa complexité réside dans le dépôt en amont, et que cette entrée se contente d’indiquer sa disponibilité et de fournir des instructions d’installation.

FAQ

Cette compétence contient-elle le code de génération de captures d’écran proprement dit ?

Non. Il s’agit d’une entrée de catalogue qui présente la compétence afin qu’un agent puisse la découvrir lors de la planification. L’intégralité du workflow Playwright, des scripts et des ressources se trouve dans le référentiel en amont à l’adresse github.com/Shpigford/screenshots et doit être installée séparément.

Comment la déclencher ?

Demandez à l’agent de l’appeler par son nom (screenshots-marketing) ou d’utiliser l’une de ses phrases déclencheuses : « marketing screenshot », « playwright screenshot », « hero shot » ou « app store screenshot ».

À quoi cela sert-il ?

Générer des captures d’écran marketing avec Playwright, notamment des images de tête de page de destination, des captures d’écran de l’App Store et des visuels de journal des modifications.

Quelle est sa principale limitation ?

Il s'agit d'un simple pointeur. Sans installer le bundle en amont dans le répertoire des compétences de votre agent actif, vous n'obtenez que des métadonnées de découverte et des instructions d'installation, et non un workflow exécutable.

Voir sur GitHub

Curated from @Shpigford.

What it does

Generate marketing screenshots with Playwright. Useful for landing-page hero shots, App Store screenshots, and changelog visuals.

Source

  • Upstream: https://github.com/Shpigford/screenshots
  • Category: screenshots

How to use

This catalogue entry advertises the skill in OpenDesign so the agentdiscovers it during planning. To run the full upstream workflow withits original assets, scripts, and references, install the upstreambundle into your active agent's skills directory:

# Inspect the upstream README for exact pathsopen https://github.com/Shpigford/screenshots

Then ask the agent to invoke this skill by name (screenshots-marketing) or withone of the trigger phrases listed in this skill's frontmatter.

Tous les fichiers

1 fichiers
SKILL.md 1.2k
Voir

Installer screenshots-marketing

Téléchargez et décompressez les fichiers de compétences dans votre répertoire .claude/skills/.

Télécharger le ZIP

Clonez le dépôt et copiez les fichiers de compétence dans votre projet.

git clone https://github.com/nexu-io/open-design/blob/main/skills/screenshots-marketing/SKILL.md # Copy SKILL.md to your .claude/skills/ directory

Copier Copier
Configuration rapide: Copiez le dossier de la compétence dans .claude/skills/ ; Claude détectera automatiquement la compétence et l'utilisera.

Compétences similaires

playwright-cli
Heure mise à jour 29 juin 2026
frontend-testing-best-practices
Heure mise à jour 7 juillet 2026
Playwright Browser Automation
Heure mise à jour 29 juin 2026
playwright-generate-test
Heure mise à jour 29 juin 2026
OR