Option
HeimHeim Skill Browser-Automatisierung screenshots-marketing

screenshots-marketing

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

Erstellen Sie mit Playwright Screenshots für Marketingzwecke. Nützlich für Hero-Bilder auf Landingpages, Screenshots für den App Store und Grafiken für das Changelog.

...Alle erweitern
12
Zeit aktualisiert 25. August 2026

Über „screenshots-marketing“

screenshots-marketing ist ein Katalogeintrag in der Open Design-Skill-Sammlung, der einen auf Playwright basierenden Workflow zur Erstellung von Marketing-Screenshots vorstellt. Sein erklärtes Ziel ist es, Agenten dabei zu unterstützen, ansprechende Grafiken wie Hero-Shots für Landingpages, App-Store-Screenshots und Bilder für das Changelog zu erstellen und so das häufige Problem zu lösen, Produktbilder für Marketingzwecke manuell aufnehmen und zuschneiden zu müssen.

Wichtig ist, dass es sich hierbei eher um einen kurzen Hinweis als um eine vollständige Implementierung handelt. Die mitgelieferte SKILL.md-Datei ist eine aus einer einzigen Datei bestehende Beschreibung, die den Skill während der Planungsphase eines Agenten auffindbar macht; sie enthält weder die eigentlichen Playwright-Skripte noch Assets oder Referenzen. Um den eigentlichen Workflow auszuführen, muss der Nutzer das Upstream-Bundle (zusammengestellt von @Shpigford, unter github.com/Shpigford/screenshots) im Skills-Verzeichnis seines aktiven Agenten installieren. Der Skill stellt Triggerphrasen wie „Marketing-Screenshot“, „Playwright-Screenshot“, „Hero-Shot“ und „App-Store-Screenshot“ bereit, sodass der Agent ihn anhand des Namens oder der Absicht aufrufen kann.

Die Zielgruppe sind Entwickler, Indie-Entwickler und Marketing-Ingenieure, die eine automatisierte, wiederholbare Screenshot-Erstellung als Teil eines umfassenderen Agent-basierten Designsystems wünschen. Es eignet sich für Anwendungsfälle wie die Vorbereitung von Release-Grafiken, die Aktualisierung von Landingpages oder die Erstellung von Bildern für App-Store-Einträge. Wer das Tool evaluiert, sollte sich darüber im Klaren sein, dass die eigentliche Tiefe im vorgelagerten Repository liegt und dieser Eintrag lediglich die Verfügbarkeit signalisiert sowie eine Installationsanleitung bietet.

FAQ

Enthält diese Skill den eigentlichen Code zur Screenshot-Erstellung?

Nein. Es handelt sich um einen Katalogeintrag, der die Skill bewirbt, damit ein Agent sie während der Planung entdecken kann. Der vollständige Playwright-Workflow, die Skripte und die Assets befinden sich im Upstream-Repository unter github.com/Shpigford/screenshots und müssen separat installiert werden.

Wie löse ich den Skill aus?

Bitten Sie den Agenten, ihn namentlich aufzurufen (screenshots-marketing) oder eine seiner Auslösephrasen zu verwenden: „marketing screenshot“, „playwright screenshot“, „hero shot“ oder „app store screenshot“.

Wozu dient es?

Zum Erstellen von Marketing-Screenshots mit Playwright, darunter Hero-Shots für Landingpages, App-Store-Screenshots und Grafiken für das Changelog.

Was ist die größte Einschränkung?

Es handelt sich um einen Thin Pointer. Ohne die Installation des Upstream-Bundles im Skills-Verzeichnis Ihres aktiven Agenten erhalten Sie lediglich Metadaten zur Erkennung und Installationsanweisungen, jedoch keinen ausführbaren Workflow.

Auf GitHub ansehen

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.

Alle Dateien

1 Dateien

screenshots-marketing installieren

Laden Sie die Skill-Dateien herunter und entpacken Sie sie in Ihr Verzeichnis „.claude/skills/“.

ZIP herunterladen

Klonen Sie das Repository und kopieren Sie die Skill-Dateien in Ihr Projekt.

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

Kopieren Kopieren
Schnelle Einrichtung: Kopieren Sie den Skill-Ordner nach „.claude/skills/“. Claude erkennt den Skill automatisch und nutzt ihn.
Repository nexu-io/open-design

Ähnliche Skills

playwright-cli
Zeit aktualisiert 29. Juni 2026
frontend-testing-best-practices
Zeit aktualisiert 7. Juli 2026
Playwright Browser Automation
Zeit aktualisiert 29. Juni 2026
playwright-generate-test
Zeit aktualisiert 29. Juni 2026
OR