react-patterns
Über
Diese Fähigkeit bietet fachkundige Anleitung zu den neuesten Mustern von React 19, einschließlich Server Components, Actions und gleichlaufenden Funktionen wie `useOptimistic` und Suspense. Nutzen Sie sie für Komponentenarchitektur, Zustandsverwaltung, Leistungsoptimierung und die Implementierung moderner TypeScript-Entwicklung. Sie ist Ihre erste Anlaufstelle für jede React 19-Entwicklungsfrage oder Code-Überprüfung.
Schnellinstallation
Claude Code
Empfohlennpx skills add ma1orek/replay -a claude-code/plugin add https://github.com/ma1orek/replaygit clone https://github.com/ma1orek/replay.git ~/.claude/skills/react-patternsKopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren
GitHub Repository
Verwandte Skills
chatbot-widget-creator
AndereDiese Fähigkeit erstellt ein produktionsreifes ChatGPT-artiges Chatbot-Widget für die Frontend-Integration. Sie umfasst kritische Funktionen wie unendlichen Re-Render-Schutz, "Ask AI"-Funktionalität bei Textauswahl und sofortige Integration mit RAG-Backends und SSE-Streaming. Nutzen Sie sie, um schnell eine erprobte, überwachte Chat-Oberfläche bereitzustellen.
typescript-docs
AndereDiese Fähigkeit erstellt umfassende TypeScript-Dokumentation unter Verwendung von JSDoc und TypeDoc für API-Referenzen, Architekturentscheidungsprotokolle (ADRs) und frameworkspezifische Beispiele. Nutzen Sie sie, um automatisch Module zu dokumentieren, mehrschichtige Dokumentation für verschiedene Zielgruppen zu erstellen oder Dokumentation für Projekte mit NestJS, Express, React, Angular oder Vue einzurichten.
chatbot-widget-creator
AndereDiese Fähigkeit erzeugt ein produktionsreifes Chatbot-Widget im ChatGPT-Stil mit integrierten Lösungen für häufige Frontend-Probleme. Sie bietet Schutz vor unendlichen Neuaufrufen, "Ask AI"-Funktionalität für Textauswahl und integrierte Unterstützung für Streaming-SSE- und RAG-Backends. Nutzen Sie sie, um schnell eine überwachte, leistungsfähige Chat-Oberfläche in Ihrer Webanwendung zu implementieren.
gemini-frontend-assistant
AndereDiese Fähigkeit nutzt die Gemini CLI, um Frontend-UI-Code aus Textbeschreibungen oder Bildern zu generieren. Sie ist spezialisiert auf die Erstellung von React-Komponenten mit Tailwind CSS und eignet sich ideal zum Konvertieren von Screenshots oder Designkonzepten in funktionierenden Code. Entwickler sollten sie für Rapid Prototyping, Styling-Unterstützung und Code-Refactoring-Aufgaben einsetzen.