javascript-pro
Modern JavaScript-Entwicklung meistern
Probleme mit async-Mustern oder moderner JS-Syntax? Diese Fähigkeit bietet Expertenhilfe zu ES6+, Promises, async/await, Event-Loops und plattformübergreifender Kompatibilität für Node.js und Browser-Entwicklung.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "javascript-pro". Konvertiere diesen Callback-basierten Code in async/await
Erwartetes Ergebnis:
Refaktorierter Code mit async/await mit korrekter Fehlerbehandlung und sauberer Funktionsstruktur
Verwendung von "javascript-pro". Warum hängt mein Promise?
Erwartetes Ergebnis:
Analyse, die fehlendes await, nicht behandelte Rejection oder Event-Loop-Blocking identifiziert mit spezifischen Lösungsempfehlungen
Verwendung von "javascript-pro". Mach diesen ES6-Code in älteren Browsern funktionsfähig
Erwartetes Ergebnis:
Polyfill-Empfehlungen und Babel-Konfiguration für Ziel-Browser-Unterstützung
Sicherheitsaudit
SicherPrompt-only skill with no executable code. Static analysis scanned 0 files (0 lines) and detected 0 security issues. No suspicious patterns, risk factors, or malicious intent found. The skill provides legitimate JavaScript development guidance with no security concerns.
Qualitätsbewertung
Was du bauen kannst
Moderne JavaScript-Migration
Ein Entwickler muss Legacy-JavaScript-Code zu modernen ES6+-Standards mit verbesserten Mustern und besserer Fehlerbehandlung migrieren.
Async-Debugging
Ein Ingenieur hat Race Conditions oder Promise-Rejection-Probleme in seiner Node.js-Anwendung und benötigt Experten-Debugging-Strategien.
Plattformübergreifende Kompatibilität
Ein Team, das Browser-Anwendungen erstellt, benötigt Anleitung zu Polyfills, Bundle-Optimierung und Browser-übergreifender Kompatibilität.
Probiere diese Prompts
Konvertiere diesen Legacy-JavaScript-Code in moderne ES6+-Syntax. Verwende Destructuring, Arrow Functions und const/let entsprechend.
Hilf mir, diesen Async-Code zu debuggen. Er hat eine Race Condition, wo das Promise sich auflöst, bevor der Event-Handler abgeschlossen ist.
Profiliere diesen JavaScript-Code auf Leistungsengpässe. Fokussiere dich auf Event-Loop-Blocking und Speichernutzung in Node.js.
Entwickle eine Polyfill-Strategie für diesen ES6+-Code. Ziel-Browser: Chrome 90+, Safari 14+, Firefox 88+.
Bewährte Verfahren
- Verwende immer async/await anstelle von Promise-Ketten für bessere Lesbarkeit und Fehlerbehandlung
- Behandle Fehler an entsprechenden Grenzen mit try/catch-Blöcken anstatt pro Operation
- Berücksichtige die Bundle-Größe bei der Verwendung moderner Features in Browser-Umgebungen
Vermeiden
- Vermeide das Mischen von Callbacks mit Promises im selben Code-Pfad, da es Fehlerbehandlungskomplexität erzeugt
- Verwende Promise.all() nicht, wenn Operationen sequenziell abgeschlossen werden müssen, verwende stattdessen for...of mit await
- Ignoriere niemals Promise-Rejections durch das Weglassen von catch-Handlern oder .catch()-Blöcken