JavaScript

repo-scan ist ein stackübergreifender Source-Audit-Skill, der Dateien klassifiziert, eingebettete Drittanbieter-Bibliotheken erkennt und dabei hilft zu beurteilen, was Kernbestand, Duplikat oder Ballast ist. Er ist nützlich für repo-scan für Code Review, Legacy-Migrationen und Refactoring-Planung. Siehe im Skill die Hinweise zu repo-scan-Installation und repo-scan-Nutzung.

nuxt4-patterns ist ein Nuxt-4-Skill für Hydration-Sicherheit, Route Rules, Lazy Loading und SSR-sicheres Data Fetching. Verwende den nuxt4-patterns Skill, um bessere Frontend-Entscheidungen zu treffen, Mismatches zu reduzieren und für jede Seite oder Komponente das passende Pattern anzuwenden.

Die nodejs-keccak256-Skill hilft dir, einen häufigen Ethereum-Fehler in JavaScript und TypeScript zu vermeiden: in Node versehentlich sha3-256 zu verwenden, obwohl Keccak-256 benötigt wird. Sie ist nützlich für Backend-Entwicklung, Selector, Event Topics, Signaturen, Storage Slots und die Ableitung von Adressen und bietet praxisnahe Hinweise zur Verwendung von nodejs-keccak256.

Das nextjs-turbopack Skill hilft dir, Turbopack in Next.js 16+ für schnellere lokale Entwicklung, HMR und Entscheidungen rund um den Bundler einzusetzen. Nutze es als praxisnahen nextjs-turbopack Leitfaden für Installation, Nutzung und die Frage, wann du in Frontend-Development-Workflows wieder zu webpack wechseln solltest.

nanoclaw-repl ist ein session-bewusstes REPL-Skill zum Bedienen und Erweitern von NanoClaw v2. Es unterstützt persistente, Markdown-gestützte Sessions, Branching, Suche, Kompaktierung, Modellwechsel und Export für Workflow-Automatisierung. Nutzen Sie diesen nanoclaw-repl-Leitfaden, um lokale Aufgaben deterministisch und leicht fortsetzbar zu halten.

frontend-slides hilft dir, animationsreiche HTML-Präsentationen von Grund auf zu erstellen oder PowerPoint-Dateien zu konvertieren. Nutze die frontend-slides-Skill für Talks, Pitch-Decks, Workshops, interne Demos und frontend-slides for UI Design, wenn du visuelle Exploration, Browser-Ausgabe ohne Abhängigkeiten und Folien willst, die genau in einen Viewport passen.

frontend-patterns ist eine praxisnahe Skill für die Frontend-Entwicklung mit React und Next.js und hilft dir dabei, wartbare Muster für Komponenten, State, Formulare, Routing, Barrierefreiheit und Performance auszuwählen. Nutze den frontend-patterns-Leitfaden, wenn du klare Umsetzungsanleitungen und eine fundierte Musterwahl brauchst – nicht nur allgemeine Best Practices.

Der coding-standards Skill bietet eine solide Basis für Benennung, Lesbarkeit, Immutabilität, Konsistenz und Code-Reviews über Projekte hinweg, bevor framework-spezifische Regeln angewendet werden.

Die bun-runtime-Skill hilft dir bei der Entscheidung, ob Bun für neue JavaScript- oder TypeScript-Projekte, die Migration von Node, Skripte, Tests und Vercel-Setups die richtige Wahl ist. Sie behandelt die Nutzung von bun-runtime, Installationshinweise, die Abwägung Bun vs Node sowie praktische Workflows für Frontend- und Full-Stack-Entwicklung.

Lernen Sie die agentic-engineering Skill für eval-first Ausführung, Aufgabenzerlegung, Model-Routing und sicherere Workflow-Automation mit Regression-Checks.

browse ist ein schnelles Headless-Browser-Skill für QA, Dogfooding und Browser-Automation. Verwenden Sie es, um Seiten zu öffnen, mit Elementen zu interagieren, Zustände zu prüfen, Vorher-Nachher-Vergleiche durchzuführen, Screenshots zu erstellen und responsive Layouts, Formulare, Uploads, Dialoge sowie Elementzustände zu überprüfen. Installieren Sie browse, wenn Sie Browser-Belege statt eines allgemeinen Prompts benötigen.

setup-pre-commit hilft dir, Husky Pre-Commit-Hooks mit lint-staged, Prettier und optionalen Typecheck-/Test-Läufen einzurichten. Nutze diesen setup-pre-commit-Guide, wenn dein Repo einen schnellen, wiederholbaren Pre-Commit-Schutz braucht und du die bestehende Konfiguration bewahren, aber die passenden Skripte für den aktuellen Paketmanager ergänzen willst.

tdd ist eine Skill für Test-Driven Development zum Entwickeln von Features, Beheben von Bugs und Schreiben belastbarer Tests mit dem Red-Green-Refactor-Zyklus. Der Fokus liegt auf verhaltensbasierten Tests über öffentliche Schnittstellen, Mocking nur an den Grenzen und praxisnahen Hinweisen zu Testautomatisierung, Refactoring und Interface-Design.

Das prototype-Skill hilft dir dabei, Wegwerfcode zu bauen, der eine konkrete Frage beantwortet, bevor du dich auf eine echte Implementierung festlegst. Nutze es, um Logik, Zustandsübergänge, Datenstruktur oder die UI-Richtung mit einem lauffähigen Prototypen zu testen, der den Konventionen des Host-Repos entspricht. Ideal ist es, wenn du einen schnellen Prototypen-Guide brauchst, nicht eine fertige Funktion.

ckm:design-system unterstützt dich beim Aufbau dreistufiger Tokens, Component Specs, CSS-Variablen, Tailwind-Mappings und markenkonsistenter Slides auf Basis einer klaren Token-Architektur.

paypal-integration unterstützt Entwickler dabei, PayPal-Workflows für Checkout, Abonnements, Auszahlungen, IPN und Rückerstattungen zu planen und als Grundgerüst anzulegen. Damit lässt sich zwischen Ansätzen mit JavaScript SDK und REST API abwägen, Starter-Code erzeugen und E-Commerce-Zahlungsabläufe mit klarerer Umsetzungsrichtung strukturieren.

nodejs-backend-patterns ist ein praxisnaher Leitfaden für den Aufbau von Node.js-Backend-Services mit Express oder Fastify. Er behandelt Middleware, Authentifizierung, Fehlerbehandlung, Repository-Layer, DI, Caching und Datenbankintegration für produktionsreife APIs.

typescript-advanced-types ist ein fokussierter Skill für anspruchsvolles Type-Design in TypeScript. Behandelt werden Generics, Conditional Types, Mapped Types, Template Literal Types und Utility-Patterns für sicheren Frontend- und Bibliothekscode.

modern-javascript-patterns ist ein praxisnahes ES6+-Nachschlagewerk für das Refactoring von Legacy-JavaScript und die Einführung von async/await, Modulen, Destructuring und funktionalen Array-Patterns. Es eignet sich, um Frontend- oder allgemeine JavaScript-Codebasen mit klarerer Syntax, besseren Pattern-Entscheidungen und höherer Wartbarkeit zu modernisieren.

javascript-testing-patterns hilft Agenten dabei, JS/TS-Tests und Test-Setups mit Jest, Vitest und Testing Library zu entwerfen. Nutzen Sie die Skill, um Unit-, Integrations- und UI-Tests zu planen – mit Mustern für Mocks, Fixtures, Coverage und präzisere Test-Automation-Prompts.

nextjs-app-router-patterns unterstützt Entwickler bei der Planung von Next.js-14+-App-Router-Architekturen, einschließlich Server Components, Streaming, Caching, Route Handlers und Server Actions für Full-Stack-Entwicklung und Migrationen vom Pages Router.

dependency-upgrade ist eine Skill für die Planung größerer Dependency-Upgrades mit SemVer-Prüfung, Kompatibilitätsanalyse, schrittweiser Einführung und Tests. Nutzen Sie sie, um npm- oder yarn-Pakete zu prüfen, Dependency-Bäume zu analysieren, Konflikte zu beheben und sicherere Framework- oder Library-Upgrades in Code-Editing-Workflows zu begleiten.

react-modernization ist ein migrationsorientiertes Skill für das Upgrade von React-16/17-Apps auf 18+, die Umstellung von Klassenkomponenten auf Hooks, die Aktualisierung der Root-APIs und die Planung schrittweiser Refactorings mit codemod-orientierter Anleitung.

vercel-react-native-skills ist ein React-Native- und Expo-Skill für performanceorientierte Frontend-Entwicklung. Nutze ihn, um Listen-Rendering, Animationen, Navigation, UI-Patterns, State Management und das Setup nativer Module zu verbessern. Er bietet praxisnahe Regeln, Installationshinweise und Nutzungsmuster, um Mobile-App-Engpässe mit weniger Rätselraten zu lösen.