Screenshots

design-review ist eine UX-orientierte Design-QA-Skill für die Prüfung live geschalteter Oberflächen. Sie erkennt Probleme bei Abständen, Hierarchie, visueller Konsistenz und Interaktionen und behebt sie iterativ mit anschließender Verifikation. Unterstützt die Prüfung im Plan-Modus vor der Umsetzung und ist ideal, wenn Sie einen design-review-Leitfaden für konkrete Quellcode-Änderungen statt vager Ratschläge suchen.

browse ist ein schnelles Headless-Browser-Skill für QA, Dogfooding und Browser-Automation. Verwenden Sie es, um Seiten zu öffnen, mit Elementen zu interagieren, Zustände zu prüfen, Vorher-Nachher-Vergleiche durchzuführen, Screenshots zu erstellen und responsive Layouts, Formulare, Uploads, Dialoge sowie Elementzustände zu überprüfen. Installieren Sie browse, wenn Sie Browser-Belege statt eines allgemeinen Prompts benötigen.

canary ist eine Skill für Post-Deploy-Monitoring, die Live-Apps auf Konsolenfehler, Seitenfehler und Performance-Regressionen überwacht. Sie vergleicht das aktuelle Verhalten mit einer Baseline vor dem Deployment, damit du einen Release verifizieren, defekte Seiten früh erkennen und sichtbare Anomalien mit weniger Rätselraten finden kannst als mit einem generischen Prompt.

Das qa-Skill testet eine Web-App systematisch, findet Bugs und überprüft Fixes mit einem gestuften Workflow. Nutze es für Regressionstests, Ship-Readiness-Checks oder als strukturierten QA-Guide, wenn du statt eines generischen Bug-Hunt-Prompts belastbare Nachweise, Schweregrade und atomare Fix-und-Retest-Schleifen brauchst.

webapp-testing ist ein Playwright-basierter Skill zum Untersuchen, Debuggen und Testen lokaler Webapps. Er führt Agenten durch statische HTML-Prüfungen, dynamische App-Erkundung, Screenshots, Console Logging, Selector Discovery und das Einrichten des Server-Lebenszyklus mit scripts/with_server.py.

Nutzen Sie image-enhancer, um KI-gestützte Bildbereinigung für Screenshots, niedrig aufgelöste Grafiken und Präsentationsmaterial zu steuern. Abgedeckt werden Upscaling, Schärfen, Artefaktreduzierung, Web-Optimierung und praxisnahe Prompts; der Skill ist eine schlanke SKILL.md-Anleitungsebene ohne mitgelieferte Skripte.

screenshotone-automation ist ein Browser-Automation-Skill für ScreenshotOne über Rube MCP. Er hilft Agents dabei, die Installation durchzuführen, Verbindungen zu prüfen, aktuelle Tool-Schemas zu finden und Screenshot-Workflows mit weniger Rätselraten auszuführen.

screenshot-fyi-automation ist ein Claude Skill für Screenshot Fyi-Workflows über Composio Rube MCP. Nutzen Sie ihn, um Live-Tool-Schemas mit RUBE_SEARCH_TOOLS zu finden, die screenshot_fyi-Verbindung zu prüfen und Screenshot-Aufgaben ohne fest codierte Parameter auszuführen.

apiflash-automation hilft Agents dabei, Browser-Capture-Aufgaben mit Apiflash über Composio Rube MCP zu automatisieren – inklusive Einrichtung, Verbindungsprüfungen, Live Tool Discovery und Hinweisen für eine sicherere Nutzung.

browser-automation unterstützt Agents beim Aufbau von Playwright-Workflows für Scraping, das Ausfüllen von Formularen, Screenshots, Downloads, Session-Handling und strukturierte Datenextraktion. Enthalten sind Rezepte, API-Referenzen und Helper-Scripts für produktive Browser-Automatisierung – nicht für E2E-Testing.

github-issue-creator wandelt rohe Notizen, Fehlermeldungen, Sprachdiktate und Screenshots in prägnante GitHub-kompatible Issue-Entwürfe um. Diese github-issue-creator-Skill unterstützt beim Issue-Tracking, indem sie Zusammenfassung, Umgebung, Schritte zur Reproduktion, erwartetes vs. tatsächliches Verhalten, Auswirkungen und Belege in ein prüfbares Markdown-Issue strukturiert.

seasonal-aso hilft dir, App-Store-Listings für Feiertage, Events und aktuelle Trends zu optimieren. Nutze es, um saisonale Keyword-Chancen zu erkennen, Metadaten zu aktualisieren, Screenshot-Themen zu planen und Änderungen so zu timen, dass sie vor dem Peak indexiert sind und danach wieder zurückgerollt werden. Ein praxisnaher seasonal-aso-Leitfaden für SEO-Content und kurzfristige ASO-Erfolge.

screenshot-optimization ist ein auf Conversion ausgerichteter Skill für die Planung und Optimierung von App-Store-Screenshots und Preview-Videos. Nutze ihn, um Hook, Reihenfolge und Messaging jedes Slots für UI-Design und Store-Listing-Arbeit zu schärfen. Er hilft Gründern, Marketingverantwortlichen und Designern, aus groben Ideen eine klare Screenshot-Strategie zu machen.

ab-test-store-listing hilft dir, Tests für App-Store-Produktseiten zu planen und durchzuführen, um die Conversion zu verbessern. Nutze es, um Icons, Screenshots und das Vorschauvideo mit Apple Product Page Optimization zu bewerten, PPO-Grenzen zu verstehen und vor dem Start die richtige App ID, den Traffic und die Testhypothese vorzubereiten.

Das ui-testing-Skill bietet einen checklistenbasierten Workflow zur UI-Prüfung, um unsichtbare Buttons, schwachen Kontrast, fehlende Fokuszustände und Probleme mit Touch-Zielen vor dem Release aufzudecken. Es eignet sich besonders für UI-Design-Reviews, Component-Checks und schnelle Accessibility-Checks mit weniger Rätselraten als ein allgemeiner Testing-Prompt.

playwright-skill ist ein Playwright-spezifischer Leitfaden für zuverlässige Browser-Automatisierung. Er hilft Teams dabei, Tests für E2E-Flows, API-Prüfungen, Komponententests, visuelle Regressionen, Barrierefreiheit, Authentifizierung, CI/CD und die Migration von Cypress oder Selenium zu schreiben, zu debuggen und zu skalieren. Verwenden Sie die playwright-skill Skill, wenn Sie praxisnahe Muster statt allgemeiner Testberatung suchen.

asc-shots-pipeline ist ein Skill zur Automatisierung von iOS-Screenshots für UI-Design und nutzt xcodebuild, simctl, AXe, Koubou-Framing und asc upload. Er hilft Teams, Screenshots aus einem strukturierten JSON-Plan zu erstellen, zu navigieren, zu rahmen und zu veröffentlichen – mit deutlich weniger manuellem Aufwand als bei spontanen Simulator-Captures.

asc-screenshot-resize hilft bei der Vorbereitung von App Store Connect Screenshots, indem es die aktuell akzeptierten Größen mit der asc CLI prüft und Bilder mit macOS sips skaliert oder validiert. Nutze diesen asc-screenshot-resize-Guide für Design-Implementierungs-Workflows, Release-Fixes und screenshotfertige Einreichungs-Sets.

playwright-skill ist eine Skill für Browser-Automatisierung zum Testen von Seiten, Ausfüllen von Formularen, Prüfen von Links, Erstellen von Screenshots, Validieren responsiver Layouts und für Login- oder Checkout-Flows. Sie erkennt Dev-Server automatisch, nutzt einen universellen Executor und hilft dir, zuverlässige Playwright-Aufgaben mit weniger Setup und Rätselraten auszuführen.

Die Screenshot-Skill hilft dabei, einen vollständigen Bildschirm, ein App-Fenster oder einen Pixelbereich zu erfassen, wenn du ein Bild auf Betriebssystemebene statt eines reinen Browser-Captures brauchst. Verwende sie für Screenshot-Workflows in der Workflow-Automatisierung, mit Regeln für den Speicherort, macOS-Berechtigungsbehandlung und klaren Installationshinweisen für zuverlässige Desktop-Captures.

Nutze die playwright-Skill, um einen echten Browser vom Terminal aus mit einem Wrapper-Skript und `playwright-cli` zu automatisieren. Sie eignet sich für Browserautomatisierungsaufgaben wie Navigation, Formularausfüllung, Screenshots, Snapshots, Extraktion und das Debuggen von UI-Abläufen. Prüfe `npx`, installiere die Skill, setze `PWCLI` und folge dann dem CLI-first-Workflow.