Web

videodb hilft beim Ingest von Video und Audio aus lokalen Dateien, URLs, RTSP/RTMP-Livefeeds oder Desktop-Capture; beim Finden von Momenten mit Zeitstempeln und abspielbaren Belegen; sowie beim Arbeiten mit Clips, Overlays, Transkription, Alerts und Timeline-Bearbeitung. Das ist ein praxisnaher Videodb-Leitfaden für VideoDB für Video Editing und die Analyse von Livestreams.

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.

Das seo-Skill hilft beim Prüfen, Planen und Umsetzen von technischem SEO, On-Page-Optimierung, strukturierten Daten, Core Web Vitals und Keyword-Mapping. Nutze es für Crawlability, Indexierbarkeit, Metadaten, Schema, interne Verlinkung, Änderungen an Sitemap und robots oder SEO für Keyword Research – mit seitenbezogener, direkt umsetzbarer Anleitung.

search-first ist ein Research-before-Coding-Workflow, mit dem du vor dem Schreiben von Custom Code nach vorhandenen Tools, Libraries und Mustern suchst. Nutze die search-first Skill, um Optionen zu bewerten, Kompromisse abzuwägen und zwischen Übernehmen, Erweitern oder individueller Entwicklung mit weniger Rätselraten zu entscheiden.

perl-security hilft dir dabei, Perl-Code auf sicherere Eingabehandhabung, Taint Mode, Shell-Ausführung, DBI-Placeholders und Web-Sicherheitsprobleme wie XSS, SQLi und CSRF zu prüfen. Nutze dieses perl-security Skill für Security-Audit-Arbeiten, Maßnahmenplanung und sichere Entwicklung, wenn benutzerkontrollierte Daten in sensible Sinks gelangen.

Das nextjs-turbopack Skill hilft dir, Turbopack in Next.js 16+ für schnellere lokale Entwicklung, HMR und Entscheidungen rund um den Bundler einzusetzen. Nutze es als praxisnahen nextjs-turbopack Leitfaden für Installation, Nutzung und die Frage, wann du in Frontend-Development-Workflows wieder zu webpack wechseln solltest.

Nutze frontend-design, um markante Frontend-Oberflächen in Produktionsqualität mit einer klaren visuellen Haltung zu gestalten. Diese Skill ist für Landingpages, Dashboards, App-Shells und Komponenten gedacht, bei denen Hierarchie, Typografie, Bewegung und Feinschliff genauso wichtig sind wie die Implementierung. Enthalten sind Installations- und Nutzungshinweise für designorientierte UI-Arbeit.

exa-search ist ein Exa-MCP-Skill für aktuelle webbasierte Recherche, Codebeispiele, Unternehmensinformationen, Personensuche und schnelle Quellenfindung. Nutze ihn, wenn Aktualität und Belege wichtig sind und du einen praxisnahen exa-search-Leitfaden für Live-Suche, toolgestützte Antworten und Web-Recherche-Workflows brauchst.

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.

canary-watch ist ein Post-Deploy-Monitoring-Skill, mit dem sich eine Live-URL nach Releases, Merges oder Dependency-Updates auf Regressionen prüfen lässt – in Staging oder Production.

Die Accessibility-Skill unterstützt dich dabei, barrierearme bzw. barrierefreie UIs für Web, iOS und Android nach WCAG-2.2-Level-AA-Guidance zu entwerfen, umzusetzen und zu auditieren. Verwende sie, um Komponentenrollen, Beschriftungen, Zustände, Fokusverhalten und Accessibility-Attribute zuzuordnen – mit praxisnaher Accessibility-Nutzung für UX-Audit-Arbeiten und Implementierungsreviews.

qa-only ist eine QA-Skill für reine Berichterstattung zum Testen von Web-Apps, zur Dokumentation von Bugs und zum Erfassen von Nachweisen, ohne irgendetwas zu beheben. Sie ist für QA-Reviewer und Agenten gedacht, die strukturierte Bug-Reports, Health-Scoring, Screenshots und Repro-Schritte benötigen. Verwenden Sie qa-only, wenn Sie einen Bug-Report-Workflow statt test-fix-verify möchten.

design-consultation ist ein design-consultation-Skill, der aus einer groben Produktidee eine vollständige Design-Richtung entwickelt. Er erstellt eine DESIGN.md als zentrale Referenz, Vorschauen und systemweite Leitlinien für Typografie, Farbe, Abstände, Layout und Motion. Besonders geeignet für neue Produkte und UI-Flächen, die einen stimmigen Ausgangspunkt brauchen.

Die source-driven-development Skill verankert frameworkspezifische Entwicklung in offiziellen Dokumentationen und hilft dabei, Patterns vor der Implementierung zu verifizieren. Sie eignet sich besonders für den Einsatz von source-driven-development in React, Vue, Next.js, Svelte, Angular und ähnlichen Stacks, wenn Korrektheit, belastbare Quellen und versionssensible Entscheidungen wichtig sind.

Die performance-optimization Skill hilft dir, zuerst zu messen, den eigentlichen Engpass zu finden, ihn zu beheben und die Ergebnisse zu überprüfen. Nutze sie, wenn Leistungsanforderungen bestehen, du eine Regression vermutest oder Core Web Vitals, Ladezeiten oder Interaktionslatenz verbessert werden müssen.

Die aspnet-core-Skill hilft Ihnen, ASP.NET-Core-Apps mit aktueller Framework-Guidance zu erstellen, zu prüfen, zu refaktorieren und auf neue Versionen anzuheben. Sie ist für Backend-Entwicklung, APIs, serverseitig gerenderte Apps, Blazor, SignalR, gRPC und gehostete Dienste ausgelegt und bietet entscheidungsorientierte Orientierung für die Wahl des App-Modells, die Program.cs-Einrichtung, DI, Konfiguration, Sicherheit, Tests und Bereitstellung.

shader-dev ist ein praxisnaher GLSL-Shader-Skill für Echtzeit-Visuals im ShaderToy-Stil. Nutze den shader-dev Skill, um Ray Marching, SDF-Szenen, Beleuchtung, Partikel, Flüssigkeitsbewegungen, Post-Processing und shader-dev für UI-Design mit weniger Rätselraten als bei einem generischen Prompt umzusetzen oder zu debuggen.

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.

huggingface-gradio hilft dir, Gradio-Web-UIs in Python für Demos, Chatbots und Frontend-Workflows zu bauen und zu bearbeiten. Nutze das huggingface-gradio Skill, um Komponenten auszuwählen, Events zu verdrahten und Layouts mit weniger Rätselraten zu gestalten.

seo-drift ist ein GitHub-Skill zum Überwachen SEO-kritischer Seitenelemente im Zeitverlauf, zum Vergleichen von Baselines und zum Erkennen von Regressionsfehlern nach Deployments, CMS-Änderungen oder Template-Anpassungen. Verwende den seo-drift Skill für SEO-Content, technische On-Page-Checks und praxisnahe seo-drift-Nutzung, wenn du klar wissen musst, ob etwas kaputtgegangen ist.

seo-cluster ist ein Skill für Keyword-Clustering auf Basis von SERP-Überschneidungen zur SEO-Content-Planung. Er gruppiert Keywords nach den tatsächlichen Google-Rankings, um Pillar Pages, Hub-and-Spoke-Cluster und interne Link-Maps aufzubauen. Nutze diesen seo-cluster Skill, wenn du einen praxisnahen seo-cluster Leitfaden für die Themenarchitektur brauchst und kein generisches Keyword-Brainstorming.

Die read skill ruft URLs und PDFs als sauberes Markdown ab – zum Lesen, Zitieren, Belegen und für nachgelagerte Arbeit. Sie ist für den Abruf auf Paywall-Seiten, JS-lastigen Websites, X/Twitter, GitHub-Dateien, chinesischen Plattformen und Workflow-Automation-Flows ausgelegt, die vor der Analyse verlässlichen Quelltext brauchen. Nutze den read-Leitfaden, wenn du Quellinhalt erfassen willst, nicht Kommentar.

Die enhance-prompt Skill verwandelt vage UI-Ideen in klarere, Stitch-taugliche Prompts mit stärkerer Struktur, UI/UX-Vokabular und Design-System-Kontext. Nutze diesen enhance-prompt-Leitfaden, um Prompts präziser zu machen, Rätselraten zu reduzieren und konsistentere Ergebnisse beim Prompting und bei der UI-Generierung zu erzielen.

guizang-ppt-skill ist ein Präsentations-Skill zum Erstellen von einteiligen HTML-Slide-Decks im Stil Magazin-Editorial × E-Ink. Damit lassen sich horizontale Swipe-Decks für Launches, Talks und Demos mit starker Typografie, WebGL-Hintergründen und wiederverwendbaren Layouts bauen. Der guizang-ppt-skill-Guide hilft dabei, Decks schneller und reproduzierbar zu erzeugen.