Das Erstellen von Chat-Widgets mit Buttons, Formularen und Aktionen ist komplex und undokumentiert. Diese Skill bietet vollständige Muster für die Client- und Server-Widget-Handling, Entity-Tagging und Composer-Tools, damit Sie interaktive KI-Schnittstellen schneller erstellen können.

Die Erstellung von AI-Chat-Oberflächen erfordert benutzerdefinierte Backends, Authentifizierung und Context Injection. Diese Skill liefert produktionsreife Muster für ChatKitServer, useChatKit Hooks und httpOnly-Cookie-Proxys, um sichere Chat-Erlebnisse zu bauen.

Web-Automatisierungsaufgaben erfordern manuelle Navigation und wiederholtes Ausfüllen von Formularen. Diese Fähigkeit stellt eine Model Context Protocol-Schnittstelle zu Playwright bereit und ermöglicht KI-Assistenten, Seiten zu navigieren, mit Elementen zu interagieren, Daten zu extrahieren und programmgesteuert Screenshots zu erstellen.

Möchten Sie neue API-Routen zu Ihrem Catalyst-Relay-Server hinzufügen, sind sich aber nicht sicher, welches Muster Sie verwenden sollen? Diese Skill-Vorlage bietet das vollständige Template für die Erstellung von Endpunkten mit Zod-Validierung, konsistenten Antwortformaten und richtiger Dokumentation.

Catalyst-Relay muss um neue Geschäftslogik für die SAP ADT-Integration erweitert werden. Diese Skill bietet Muster und Checklisten zum Hinzufügen von reinen Funktionen, ADT-Operationen und bibliotheksfähigem Code, der den Projektkonventionen folgt.

Das Erstellen effektiver Skills von Grund auf erfordert Kenntnisse des Skill-Formats. Dieser Leitfaden bietet einen schrittweisen Prozess mit Dienstprogramm-Skripten zum Initialisieren, Validieren und Verpacken von Skills, die Claude mit spezialisiertem Wissen und Workflows erweitern.

Das Erstellen von MCP-Servern von Grund auf erfordert Verständnis der Protokollspezifikationen, SDK-Muster und Evaluationsmethoden. Diese Skill bietet einen strukturierten vierphasigen Workflow zum Aufbau produktionsreifer MCP-Server mit sauberem Tool-Design, Input-Validierung und umfassenden Tests. Enthalten sind Referenzimplementierungen für Python und TypeScript, Evaluations-Frameworks sowie Sicherheits-Best-Practices.

Das Erstellen anspruchsvoller HTML-Artefakte für Claude-Konversationen erfordert komplexe Tooling. Dieses Skill bietet einen vollständigen Entwicklungs-Workflow mit React, Vite und shadcn/ui-Komponenten, um professionelle Artefakte zu bauen, zu bündeln und zu teilen.

Eliminieren Sie Laufzeitfehler und gewinnen Sie Vertrauen in Ihren Code mit durchgängiger Typsicherheit. Diese Fähigkeit vermittelt moderne TypeScript-Muster unter Verwendung von Zod-Validierung, tRPC-APIs und Prisma ORM für kugelsichere Full-Stack-Anwendungen.

Das manuelle Erstellen von tRPC-Routern und Zod-Schemas dauert pro Endpunkt 20–30 Minuten und birgt das Risiko von Typfehlern und fehlenden Exporten. Diese Skill erstellt vollständige, typ-sichere Endpunkte mit Validierungsschemas, Beispielmustern und automatisierten Registrierungsprüfungen.

Das Erstellen effektiver Teststrategien ist zeitaufwändig und fehleranfällig. Diese Kompetenz bietet sofort einsetzbare Vorlagen, Abdeckungs-Checklists und bewährte Muster für Unit-, Integration-, E2E- und Performance-Tests. Sie hilft Teams, Qualitäts-Gates einzurichten und eine robuste Testabdeckung in allen Entwicklungsphasen sicherzustellen.

Moderne Anwendungen benötigen Echtzeit-Datenübertragung für LLM-Schnittstellen, Benachrichtigungen und Live-Updates. Dieses Skill bietet Code-Patterns für Server-Sent Events, WebSockets und die ReadableStream-API, um produktionsreife Streaming-Lösungen umzusetzen.

React Server Components verändern die Art, wie Sie React-Apps erstellen, indem sie das Rendering auf den Server verlagern. Diese Fähigkeit bietet Muster und Vorlagen für Next.js 15 App Router, einschließlich Data Fetching, Server Actions und Streaming für schnellere Seiten.

Manuelle Code-Reviews nehmen Zeit in Anspruch und übersehen Probleme. Dieser Skill führt 7 automatisierte Prüfungen durch für Dateigröße, Komplexität, Benennung, Imports, Architektur, ESLint und TypeScript-Konformität mit DevPrep AI-Standards.

Die manuelle Erstellung von Feature-Modulen erfordert die Einhaltung komplexer Architekturmuster und Namenskonventionen. Diese Skill automatisiert die Modul-Erstellung mit korrekten TypeScript-Schnittstellen, Barrel-Exporten und Qualitätsstandards, die durch Validierung durchgesetzt werden.

Die Entwicklung von Anwendungen für Edge-Laufzeitumgebungen erfordert spezielle Muster für niedrige Latenz und globale Verteilung. Dieser Skill bietet bewährte Bereitstellungsmuster für Cloudflare Workers, Vercel Edge und Deno Deploy.

Die manuelle Konvertierung von Design-Prototypen in React-Komponenten ist zeitaufwendig und fehleranfällig. Diese Skill automatisiert den gesamten Workflow von der HTML-Analyse über das Gerüstbauen bis zur Qualitätsvalidierung, wobei die Implementierungszeit um 70% reduziert und konsistente Code-Standards erzwungen werden.

Code-Reviews sind inkonsistent und zeitaufwendig ohne klare Standards. Diese Skill bietet strukturierte Checklisten, konventionelle Kommentarmuster und Feedback-Vorlagen, um gründliche, konstruktive Reviews zu gewährleisten, die die Codequalität und Teamzusammenarbeit verbessern.

APIs leiden oft unter inkonsistenten Mustern und schlechter Dokumentation. Dieses Framework bietet bewährte Designmuster, Fehlerbehandlungskonventionen und sofort verwendbare OpenAPI- und AsyncAPI-Vorlagen. Entwicklerfreundliche APIs entwickeln, die skalieren.

Der Aufbau von KI-nativen Anwendungen erfordert das Verständnis von RAG-Pipelines, agentischen Workflows und Vektordatenbanken. Diese Fähigkeit bietet bewährte Muster für die Integration von LLMs, die Implementierung semantischer Suche und die Erstellung autonomer Agenten, die Reasoning durchführen und handeln.