Browser Automation

ui-demo hilft dir, hochwertige Demo-Videos von Web-Apps mit Playwright, sichtbarer Mausbewegung und natürlichem Timing aufzunehmen. Nutze die ui-demo Skill für Walkthroughs, Onboarding-Clips, Feature-Touren und tutorialartige Aufnahmen. Folge dem Workflow aus discover, rehearse und record für zuverlässige Ergebnisse, besonders bei Prototypen und schnell veränderlichen UIs.

nuxt4-patterns ist ein Nuxt-4-Skill für Hydration-Sicherheit, Route Rules, Lazy Loading und SSR-sicheres Data Fetching. Verwende den nuxt4-patterns Skill, um bessere Frontend-Entscheidungen zu treffen, Mismatches zu reduzieren und für jede Seite oder Komponente das passende Pattern anzuwenden.

Die deep-research-Skill macht aus breiten Fragestellungen fundierte Webrecherche mit firecrawl- und exa-MCP-Tools. Nutze sie, um Quellen zu vergleichen, Erkenntnisse zusammenzuführen und belegte Berichte für Wettbewerbsanalysen, Technologie-Evaluierungen, Due Diligence und andere Entscheidungen zu erstellen, die belastbare Evidenz brauchen.

Nutze das benchmark-Skill, um Performance-Baselines zu messen, Regressionen vor und nach PRs zu erkennen und Stack-Alternativen über Seiten, APIs und Builds hinweg für Performance Optimization zu vergleichen.

Das benchmark-Skill hilft dabei, Performance-Regressionen in Web- und App-Workflows zu erkennen. Nutze es, um eine Baseline festzulegen, Vorher-Nachher-Änderungen zu vergleichen und zu prüfen, ob ein PR Seiten langsamer, schwerer oder weniger stabil gemacht hat. Es ist ein praxisnaher Benchmark-Leitfaden für Performance-Optimierung, Core Web Vitals, Lighthouse-Checks, Bundle-Größe und Ladezeit-Trends.

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.

Dokumentationssuche für die browser-use-Python-Bibliothek. Das open-source-Skill unterstützt bei Installation, Einrichtung, Agent- und Browser-Code, Modell-Umgebungsvariablen, Tools, MCP-Integrationen, Monitoring und Hinweisen zur älteren Actor API.

gstack ist eine browsergesteuerte KI-Skill für QA-Tests, Dogfooding, Release-Checks und das Erfassen von Bugs. Sie öffnet echte Seiten, klickt sich durch die UI, prüft den Zustand, vergleicht Vorher-Nachher-Ansichten, testet responsive Layouts und sammelt Belege mit Screenshots. Besonders nützlich ist sie für UI-Design-Reviews und Deployment-Validierung, wenn du verlässliche Browser-Ergebnisse aus der gstack Skill brauchst.

diagnose ist ein strukturierter Debugging-Workflow für knifflige Bugs, flaky Tests und Performance-Regressions. Er hilft dir, das Problem zu reproduzieren, den fehlschlagenden Fall zu minimieren, immer nur eine Hypothese auf einmal aufzustellen, Instrumentierung einzubauen, die Ursache zu beheben und den Fix mit einem Regressionstest abzusichern. Nutze den diagnose-Leitfaden, wenn „debug this“ nicht ausreicht.

critique unterstützt dich dabei, Interfaces, Features, Seiten oder Komponenten aus UX-Sicht zu prüfen – mit strukturierter Bewertung, persona-basierten Tests, Heuristik-Checks und umsetzbarem Feedback. Nutze die critique skill, wenn du für UI/UX-Design einen wiederholbaren Leitfaden für fundierte Reviews brauchst statt vager Kommentare. Am besten eignet sie sich für gezielte Kritik an einem klar abgegrenzten Bereich mit eindeutigem Kontext.

figma-create-new-file erstellt eine neue leere Figma Design-Datei oder ein FigJam-Board in den Entwürfen. Nutze es, wenn du einen frischen Ausgangspunkt brauchst, bevor du mit weiteren Figma-Aktionen fortfährst, einschließlich use_figma. Es unterstützt design oder figjam, optionales Benennen von Dateien und kann bei Bedarf den Planzugriff mit whoami auflösen.

baoyu-post-to-wechat ist ein Publishing-Skill für WeChat Official Accounts mit Browser- und API-Workflows für Artikel sowie Bild-Text-Beiträge. Unterstützt werden Eingaben in Markdown, HTML und Klartext, die Extraktion von Titel und Zusammenfassung per Frontmatter, die Konvertierung von Markdown nach WeChat, Bildverarbeitung sowie Umgebungsprüfungen für die Automatisierung mit Chrome-Profilen.

baoyu-post-to-weibo ermöglicht es Agenten, Weibo-Posts und Headline-Artikel über eine echte Chrome-Sitzung zu veröffentlichen. Unterstützt werden Text, Bilder, Videos, Markdown-zu-HTML-Konvertierung, Hilfen zum Einfügen aus der Zwischenablage sowie die Ausführung über bun oder npx für zuverlässige Publishing-Workflows.

Nutze transformers-js, um ML-Modelle in JavaScript und TypeScript in Browser- und Server-Runtimes auszuführen. Der transformers-js Skill deckt Installation, Modell-Ladevorgang, Caching, Konfiguration und praktische transformers-js Nutzung für Text-, Bild-, Audio- und Multimodal-Tasks ab sowie transformers-js für Code Generation mit unterstützten Text-Generation-Modellen.

seo-dataforseo verbindet Claude über den DataForSEO MCP-Server mit Live-SEO-Daten für SERP-Checks, Keyword-Recherche, Backlinks, Onpage-Analyse, Wettbewerbsrecherche, Business-Listings und AI-Visibility-Tracking. Am besten geeignet für datenbasierte Workflows, wenn Sie echte Suchbelege, klare Installationshinweise und praxisnahe Nutzung von seo-dataforseo brauchen.

seo-audit führt ein vollständiges SEO-Audit für Websites mit paralleler Subagenten-Delegation durch, crawlt bis zu 500 Seiten und erkennt den Geschäftstyp. Es deckt technische, inhaltliche, Schema-, Performance-, visuelle, lokale und Geo-Signale ab und liefert anschließend einen Health Score sowie priorisierte Maßnahmen für die siteweite Prüfung und die SEO-Content-Analyse.

analyzing-browser-forensics-with-hindsight unterstützt Digital-Forensics-Teams dabei, Chromium-Browser-Artefakte mit Hindsight zu analysieren – darunter Verlauf, Downloads, Cookies, Autofill, Lesezeichen, Metadaten gespeicherter Anmeldedaten, Cache und Erweiterungen. Nutzen Sie es, um Webaktivitäten zu rekonstruieren, Zeitachsen auszuwerten und Profile aus Chrome, Edge, Brave und Opera zu untersuchen.

website-to-hyperframes ist ein Workflow-Skill, mit dem sich eine bestehende Website in ein HyperFrames-Video verwandeln lässt. Verwenden Sie ihn, wenn Sie eine URL haben und daraus einen Product-Tour-, Promo-, Social-Ad- oder Erklärfilm erstellen möchten, der auf dem tatsächlichen Design, Text und den Assets der Site basiert. Das Repo unterstützt Capture, Design, Skript, Storyboard, VO, Build und Validierung für Design-Implementation-Arbeiten.

Die wp-playground-Skill hilft dir dabei, wegwerfbare und reproduzierbare WordPress-Playground-Umgebungen für Plugin- und Theme-Tests, Versionswechsel, Blueprints, Snapshots und isoliertes Debugging zu erstellen. Sie unterstützt Browser- oder CLI-Workflows über `@wp-playground/cli` und ist besonders nützlich für Backend-Entwicklung, QA und die kontrollierte Reproduktion von Fehlern.

web-perf analysiert Web-Performance mit Chrome DevTools MCP. Es misst Core Web Vitals, ladebezogene Probleme anhand von Traces, renderblockierende Ressourcen, Layoutverschiebungen, Caching-Probleme und Lücken bei der Barrierefreiheit. Verwende das web-perf Skill für Performance-Optimierung, das Debugging langsamer Seiten und evidenzbasierte Web-Performance-Workflows, die auf aktuellen Docs und Live-Traces beruhen.

agents-sdk hilft dir, Cloudflare Workers Agents mit zustandsbehafteten Unterhaltungen, dauerhafter Ausführung, WebSocket- oder Streaming-Chat, MCP-Integration, geplanten Aufgaben und Browser-Automatisierung zu bauen. Dieser agents-sdk Skill konzentriert sich auf Installationsentscheidungen, Konfiguration und den praktischen Einsatz für bestehende oder neue Workers-Apps – inklusive Hinweise zu Multi-Agent-Systemen nur dort, wo sie zu den Cloudflare-Runtime-Einschränkungen passen.

Nutzen Sie das network-Skill, um PlantUML-Netzwerktopologie-Diagramme mit mxGraph-Geräte-Icons, automatischem Layout, Zonen-Gruppierung und klaren Link-Semantiken zu erstellen. Es eignet sich für LAN-, WAN-, Enterprise-, Rechenzentrums-, Wireless-, Security- und herstellerspezifische Diagramme, mit Beispielen für die Netzwerknutzung und Hinweisen darauf, wann network statt uml oder cloud die bessere Wahl ist.

Nutzen Sie die slack-messaging Skill, um Slack-Nachrichten zu senden oder zu lesen, Kanäle zu prüfen, Slack-Integrationen zu testen und mit slackcli per Kommandozeile in einem Slack-Workspace zu arbeiten – für Workflow-Automatisierung.