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.