Frontend-Bugs sind ohne die richtigen Tools schwer zu diagnostizieren. Diese Skill bietet geführte Workflows, um UI-Probleme, Performanceprobleme, Netzwerkfehler und Konsolenfehler mit Chrome DevTools MCP zu identifizieren und zu beheben.

Das manuelle Testen von Webanwendungen ist zeitaufwändig und fehleranfällig. Diese Fähigkeit bietet Playwright-Automatisierungsskripte und Server-Verwaltungstools zur Überprüfung von Frontend-Funktionalitäten, zum Erstellen von Screenshots, zum Debuggen von UI-Verhalten und zum Anzeigen von Browser-Konsolenprotokollen.

Entwickler verschwenden Zeit damit, Tests zu schreiben, dieMocks überprüfen, statt echtes Verhalten. Diese Skill verhindert fünf häufige Testing-Anti-Patterns durch die Durchsetzung von TDD-Prinzipien und stellt Gate-Funktionen vor jeder Testentscheidung bereit.

Tests nach dem Code zu schreiben beweist nichts. Diese Skill erzwingt TDD-Disziplin, indem Sie zuerst fehlschlagende Tests schreiben müssen, um sicherzustellen, dass Ihre Tests tatsächlich das Verhalten verifizieren und Bugs erkennen, bevor sie in die Produktion gelangen.

Zufällige Fixes verschwenden Zeit und erzeugen neue Fehler. Diese Fertigkeit erzwingt einen rigorosen Vier-Phasen-Debugging-Prozess, der sicherstellt, dass Sie die Grundursache verstehen, bevor Sie eine Lösung versuchen, und verhindert, dass Symptom-Fixes zugrunde liegende Probleme maskieren.

Früh erkannte Code-Probleme verhindern kostspielige spätere Korrekturen. Diese Skill startet einen Code-Reviewer-Subagenten, um die Implementierung anhand der Anforderungen zu verifizieren, bevor die Entwicklung fortgesetzt wird.

Viele Entwickler setzen Code-Review-Feedback blind um, ohne es zu verifizieren. Diese Fähigkeit stellt sicher, dass du Feedback technisch prüfst, bevor du es implementierst. Sie fördert Codequalität und verhindert unnötige Änderungen.

Die Entwicklung von Chrome-Erweiterungen erfordert Verständnis von Service Workern, Sicherheitsmustern und Chrome Web Store-Compliance. Diese Skill bietet architektonische Anleitung, Code-Vorlagen und Sicherheits-Best-Practices für die Erstellung professioneller Erweiterungen mit optionaler KI-Integration.

Die Erstellung von MCP-Servern erfordert tiefgreifende Kenntnisse der Protokollspezifikationen, des agentenzentrierten Designs und der Bewertungsmethoden. Diese Fähigkeit bietet umfassende Anleitungen, Referenzimplementierungen und Bewertungswerkzeuge zum Erstellen hochwertiger MCP-Server, die eine effektive LLM-Tool-Integration ermöglichen.

Entwickler verschwenden Zeit mit der Entscheidung, wie sie Branches abschließen sollen. Dieser Skill präsentiert klare Optionen und führt den gewählten Workflow sicher aus. Er überprüft, ob Tests bestehen und erfordert Bestätigung für destruktive Aktionen.

Mehrere Testfehler verschwenden Zeit, wenn sie nacheinander untersucht werden. Dieses Skill bietet ein Muster zum gleichzeitigen Einsatz mehrerer Claude-Agents zur Untersuchung und Behebung unabhängiger Probleme, wodurch die Debugging-Zeit verkürzt wird.

Das Erstellen komplexer Artefakte mit reinem HTML ist langsam und eingeschränkt. Diese Skill bietet eine vollständige Entwicklungsumgebung mit React, Tailwind CSS und über 40 vorgefertigten shadcn/ui-Komponenten. Initialisieren Sie ein Projekt, entwickeln Sie mit modernen Tools und bündeln Sie alles in eine einzige portable HTML-Datei.

Verwandeln Sie vage Anforderungen in klare Systementwürfe. Nutzen Sie die EventStorming-Methodik, um navigierbare Design-Kataloge mit Mermaid-Diagrammen zu erstellen.

Das Verständnis großer Codebases erfordert Zeit und Aufwand. CodeConscious bietet einen autonomen kognitiven Assistenten, der über Sitzungen hinweg persistente Erinnerungen aufbaut und dadurch tiefgehende Code-Erkundung, Mustererkennung und kontinuierliches Lernen aus der Projekthistorie ermöglicht.

Traditionelle Textsuche übersieht die Codestruktur. AST-Grep findet und transformiert Code mit syntaxbewussten Mustern, die die Bedeutung des Codes verstehen. Es durchsucht nach AST-Struktur statt reinem Text und ermöglicht präzise Codeanalyse und großangelegte Umgestaltung.

Entwickler verschwenden Zeit beim Wechseln zwischen unverbundenen Entwicklungstools. Dieses Toolkit integriert nahtlos 8 benutzerdefinierte KI-Tools mit über 10 beliebten CLI-Dienstprogrammen wie ripgrep und jq durch ein einheitliches Erkennungssystem.

Das Verwalten mehrerer Git-Branches kann Ihr Hauptarbeitsverzeichnis überladen und den Kontextwechsel erschweren. Diese Fähigkeit bietet einen strukturierten Ansatz zur Erstellung isolierter Git-Worktrees, mit denen Sie gleichzeitig an mehreren Features arbeiten können, ohne sich gegenseitig zu beeinträchtigen.

TypeScript Strict-Modus erkennt Fehler zur Kompilierzeit, die Laufzeitfehler verursachen würden. Diese Fähigkeit hilft Ihnen, strenge Typprüfungen zu konfigurieren und durchzusetzen, um sichereren und zuverlässigeren Code zu schreiben.

Tests nach dem Code zu schreiben führt zu Lücken und übersehenen Grenzfällen. Diese Skill bietet einen strukturierten TDD-Workflow mit RED-GREEN-REFACTOR-Zyklen, echten Implementierungstests ohne Mocking und E2E-Validierung mit Playwright.

Fehlerbehebungen scheitern oft, wenn nur Symptome adressiert werden. Dieses Vier-Phasen-Debugging-Framework stellt sicher, dass Sie die Ursache verstehen, bevor Sie Lösungsversuche unternehmen. Reduziert die Debugging-Zeit und verhindert wiederkehrende Probleme.