Ein AI-Skill für Claude, Codex und Claude Code

Das Debuggen komplexer Software-Probleme fühlt sich oft zufällig und frustrierend an. Diese Fähigkeit bietet systematische Debugging-Techniken, Profiling-Tools und Ursachenanalysemethoden, die das Troubleshooting in einen methodischen Prozess verwandeln.

Richten Sie strukturierte Projektdokumentation ein, um die KI-Konsistenz und die Teamausrichtung zu verbessern. Definieren Sie Kontextartefakte, die die Entwicklungentscheidungen leiten und das institutionelle Gedächtnis über mehrere Sitzungen hinweg erhalten.

Analyzing competitors and market positioning is time-consuming and requires structured frameworks. This skill provides Porter's Five Forces, Blue Ocean Strategy, and positioning maps to systematically assess competition and identify differentiation opportunities.

Code-Reviews werden oft zu Engpässen oder Quellen von Teamkonflikten. Diese Fähigkeit bietet strukturierte Techniken für konstruktives Feedback, gründliche Reviews und verwandelt jedes Review in eine Gelegenheit zum Wissensaustausch, die die Codequalität und die Teamzusammenarbeit verbessert.

Wiederkehrende Abrechnungssysteme sind komplex in der Gestaltung und Wartung. Diese Fähigkeit bietet klare Muster für Abonnements, Rechnungsstellung, Mahnwesen, anteilige Berechnung und Steuern.

Inklusive digitale Erlebnisse bauen, die den WCAG 2.2-Standards entsprechen. Diese Fähigkeit bietet Code-Muster, Richtlinien und Best Practices für Screenreader, Tastaturnavigation und mobile Barrierefreiheit.

Manuelles Recherchieren von Trendthemen und Verfassen von Inhalten ist zeitaufwendig und inkonsistent. Diese Orchestrator-Skill automatisiert den kompletten Workflow von der Entdeckung heißer Themen bis zur KI-generierten Inhalte mit Bewertung des viralen Potenzials.

Vue.js-Anwendungen benötigen zuverlässige Testing-Strategien. Diese Skill bietet Best Practices für Unit-Testing mit Vitest und Vue Test Utils, Komponententest-Muster, Mocking-Strategien und E2E-Testing mit Playwright.

Navigation Guards und Lifecycle-Muster in Vue Router verursachen häufig schwer zu debuggende Bugs. Dieses Skill stellt bewährte Lösungen für häufige Vue Router 4-Herausforderungen bereit, einschließlich Guard-Implementierung, Änderungen von Routenparametern und Bereinigung von Komponenten.

Vue-Anwendungen haben oft Probleme mit dem State-Management wie Reaktivitätsverlust, Initialisierungsfehler und Debugging-Herausforderungen. Diese Skill bietet bewährte Muster und Lösungen für die korrekte Implementierung von Pinia-Stores in Vue-3-Anwendungen.

Vue.js-Projekte leiden häufig an unklaren Datenflüssen und Fehlern in der Reaktivität. Dieses Skill bietet umfassende Best Practices für die Entwicklung mit Vue 3 und Nuxt 3, einschließlich korrekter Zustandsverwaltung, Komponentenmustern und Datenfluss-Architektur.

Die Erstellung von Vue Composables mit flexiblen Eingabetypen ist herausfordernd. Dieses Skill bietet ein Muster zum Bauen von Bibliothekskomponenten, die sowohl reactive als auch non-reactive Inputs mithilfe von MaybeRef und MaybeRefOrGetter-Typen akzeptieren.

Vue 3-Anwendungen weisen Laufzeitfehler, Warnmeldungen, Async-Fehler und SSR-Hydratisierungsprobleme auf, die schwer zu debuggen sind. Dieser Skill bietet umfassende Debugging-Leitfäden und Lösungen für über 100 häufige Vue 3-Entwicklungsprobleme.

Monorepo-Buildsysteme können komplexe Konfigurationen erfordern. Dieses Skill bietet Expertenrat zur Einrichtung von Turborepo-Pipelines, Aufgabenabhängigkeiten, Caching-Strategien und CI-Integration für JavaScript- und TypeScript-Projekte.

Das Hinzufügen von sanften Seitenübergängen und Shared-Element-Animationen zu React-Apps erfordert ein Verständnis der View Transitions API und ihrer Integrationsmuster. Diese Skill bietet Schritt-für-Schritt-Anleitung, CSS-Rezepte und Next.js-Muster von Vercel Labs.

React-Anwendungen leiden oft unter Performance-Problemen wie unnötigen Re-Renders, großen Bundle-Größen und sequenziellen Data-Fetching-Waterfalls. Diese Skill stellt 45 priorisierte Regeln von Vercel Engineering bereit, um diese Engpässe zu beseitigen und leistungsstarke Web-Anwendungen zu erstellen.

Die Entwicklung leistungsstarker React Native-Apps erfordert die Beachtung plattformspezifischer Muster für Listen, Animationen und Zustandsverwaltung. Diese Skill bietet 35+ KI-Agenten-Regeln für eine optimierte Mobile-Entwicklung.

Die Entwicklung von React-Komponenten mit booleschen Props führt zu unverwaltbarem Code. Diese Kompetenz stellt kI-gerechte Richtlinien für die Verwendung zusammengesetzter Komponenten, das Hochheben des Zustands und das Komponieren von internen Strukturen bereit, um skalierbare Komponentenarchitekturen zu erstellen.

Benutzer benötigen Anleitungen zum Erstellen effektiver Skills für Claude Code. Dieser Skill bietet einen umfassenden Leitfaden zum Erstellen, Strukturieren und Verpacken von Skills mit bewährten Best Practices.