Diese Skill bietet umfassende Richtlinien für die Erstellung moderner Frontend-Anwendungen mit Next.js, React 19 und shadcn/ui. Es behandelt essentielle Patterns einschließlich Server Components, Data Fetching, Formulare, Styling und Performance-Optimierung.

API-Code wird über eine Codebasis hinweg verstreut und inkonsistent. Diese Skill bietet ein standardisiertes 5-Dateien-Muster zum Organisieren von API-Endpunkten, Typen und Clients mit vollständiger TypeScript-Sicherheit und rollenbasierter Zugriffskontrolle.

Benutzer müssen lokale LLM-Funktionen in React-Anwendungen integrieren. Diese Skill bietet Schritt-für-Schritt-Anleitungen zur Installation von bodhi-js-sdk, Konfiguration der OAuth-Authentifizierung und Erstellung von Streaming-Chat-Oberflächen mit dem Bodhi Browser-Ökosystem.

Neovim-Konfigurationsprobleme verursachen Frustration und Produktivitätsverlust. Diese Fähigkeit bietet eine systematische Diagnose durch Hypothesentests, um Ursachen schnell zu identifizieren und die Funktionalität wiederherzustellen.

Müssen Sie Websites navigieren, Formulare ausfüllen oder Screenshots programmatisch erfassen. Diese Fähigkeit bietet CLI-Befehle zum Steuern einer Playwright-Browser-Sitzung unter Verwendung der Accessibility-Tree für zuverlässiges Element-Targeting.

Automatisieren Sie Code-Review-Workflows mit GitHub-PR-Tools. Prüfen Sie, ob PRs überprüft werden müssen, finden Sie relevante Richtliniendateien und posten Sie Inline-Kommentare direkt von der CLI.

Code-Reviews nehmen viel Zeit in Anspruch und können wichtige Probleme übersehen. Dieser Skill nutzt mehrere spezialisierte KI-Agenten, um Pull Requests automatisch mit Confidence-Scoring zu überprüfen, um False Positives herauszufiltern und echte Probleme hervorzuheben.

Komplexe Backend-Systeme benötigen starke architektonische Grundlagen. Diese Fähigkeit bietet Expertenberatung zu hexagonaler Architektur, domänengetriebenem Design, SOLID-Prinzipien und Codequalität, um Ihnen zu helfen, wartbare und skalierbare Anwendungen zu erstellen.

Das Arbeiten an GitHub-Issues und PRs ohne vollständigen Kontext führt zu Missverständnissen und übersehenen Informationen. Diese Fähigkeit bringt der KI bei, proaktiv GitHub-CLI-Befehle zu verwenden, um PR-Beschreibungen, Review-Kommentare, CI-Status, Issue-Diskussionen und Repository-Informationen abzurufen.

Tests nach dem Code zu schreiben führt zu ungetestetem Verhalten und Designproblemen. Diese Skill bietet einen strikten TDD-Workflow, der durch den Red-Green-Refactor-Zyklus ein besseres Code-Design fördert.

Der Code wird schwierig zu warten, wenn Klassen mehrere Verantwortlichkeiten und enge Kopplung haben. Diese Fertigkeit bietet klare Erklärungen und Beispiele für SOLID-Prinzipien, damit Sie Software entwerfen können, die einfacher zu erweitern, zu testen und zu ändern ist.

Code wird viel häufiger gelesen als geschrieben. Diese Fähigkeit hilft Ihnen, Code zu schreiben, den Menschen verstehen können. Sie bietet bewährte Prinzipien für die Benennung, Funktionen, Kommentare und Fehlerbehandlung, die die Lesbarkeit und Wartbarkeit von Code verbessern.

APIs leiden oft unter inkonsistenter Benennung, schlechter URL-Struktur und falscher Verwendung von HTTP-Methoden. Diese Skill bietet klare Richtlinien für das Design von APIs, die intuitiv, skalierbar und leicht zu warten sind.

Die Scoop-Nachrichtenplattform hat ein überladenes Frontend mit zu viel vertikalem Leerraum und inkonsistenten Designmustern. Diese Skill bietet einen strukturierten Workflow, um Layouts zu komprimieren, die Dichte zu erhöhen, eine Snap-Scroll-Navigation hinzuzufügen und eine saubere No-Emoji-Policy im gesamten Frontend durchzusetzen.

Das Einrichten neuer Projekte dauert zu lange. Genesis scafffoldet React-, Python-, Go- und Taro-Projekte mit produktionsreifen Templates in unter einer Minute. Die Templates enthalten moderne Tech-Stacks, Best Practices und vollständige Dokumentation.

TypeScript-Anwendungen verfügen oft nicht über eine ausreichende Eingabevalidierung, was zu Laufzeitfehlern und Sicherheitslücken führt. Dieses Skill bietet umfassende Zod-Validierungsmuster, um API-Anfragen, Formulardaten und Benutzereingaben mit typsicheren Schemas zu validieren.

Das Schreiben von TypeScript ohne Strict-Mode führt zu Laufzeitfehlern und Wartungsproblemen. Diese Skill bietet umfassende Muster für explizite Typisierung, Type Guards und Fehlerbehandlung, sodass KI-Assistenten von der ersten Zeile an produktionsreifen TypeScript-Code generieren.

TypeScript-Projekte leiden oft unter impliziten any-Typen und nachlässiger Fehlerbehandlung. Diese Skill bietet klare Regeln und Beispiele für das Schreiben von typsicherem, produktionsreifen TypeScript-Code, der Laufzeitfehler verhindert.

Tests nach dem Code zu schreiben führt zu Lücken in der Testabdeckung und fragilen Tests. Diese Anleitung führt durch den TDD-Zyklus mit klaren Phasen: Rot (fehlschlagende Tests schreiben), Grün (minimale Implementierung) und Refaktorieren (Code verbessern, während Tests grün bleiben).

Das Verwalten von Server-Status und Client-Status in React-Anwendungen erstellt Komplexität, die die Entwicklung verlangsamt und die Benutzererfahrung beeinträchtigt. Diese Fähigkeit bietet bewährte Muster für die Trennung von Server-Status und Client-Status unter Verwendung von TanStack Query für das Datenabrufen und Zustand für den UI-Status.