react-patterns
Über
Diese Fähigkeit bietet fachkundige Anleitung zu den neuesten Patterns von React 19, einschließlich Server Components, Actions und Concurrent-Features wie useOptimistic und Suspense. Verwenden Sie sie für die Implementierung moderner Komponentenarchitektur, State Management und Performance-Optimierung mit TypeScript. Sie ist ideal, wenn Sie mit den neuesten Funktionen von React 19 entwickeln oder Best Practices für komplexe React-Entwicklung benötigen.
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.
react-patterns
AndereDiese 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.
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.