Toolverse
All skills

modern-javascript-patterns

by sickn33

Master ES6+ features including async/await, destructuring, spread operators, arrow functions, promises, modules, iterators, generators, and functional programming patterns for writing clean, efficient JavaScript code. Use when refactoring legacy code, implementing modern

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
sickn33
Category
Frontend
Views
5

About this skill

Master ES6+ features including async/await, destructuring, spread operators, arrow functions, promises, modules, iterators, generators, and functional programming patterns for writing clean, efficient JavaScript code. Use when refactoring legacy code, implementing modern patterns, or optimizing JavaScript applications.

How to use

  1. Zainstaluj umiejętność w swoim środowisku agenta lub MCP serwera — dodaj ją do konfiguracji skills, wskazując ścieżkę repozytorium.

  2. Przygotuj zadanie refaktoryzacji lub optymalizacji — określ, czy chodzi o konwersję callbacków na async/await, implementację destructuring, czy wdrożenie functional programming patterns. Wyjaśnij kontekst: czy refaktoryzujesz legacy code, czy budujesz nową aplikację.

  3. Uruchom umiejętność z opisem problemu — podaj fragment kodu lub wymagania dotyczące wzorców, które chcesz zastosować (np. "Zamień callback hell na async/await" lub "Zoptymalizuj transformację danych za pomocą map/filter/reduce").

  4. Przejrzyj szczegółowe przykłady — jeśli potrzebujesz konkretnych implementacji, otwórz plik resources/implementation-playbook.md zawierający wzorce i gotowe rozwiązania dla każdej kategorii ES6+.

  5. Zastosuj rekomendacje — umiejętność dostarczy actionable steps i best practices; zweryfikuj wynik, sprawdzając czytelność, wydajność i zgodność z nowoczesnym standardem JavaScript.

  6. Iteruj i optymalizuj — jeśli pracujesz nad pipeline'em transformacji danych lub złożoną logiką asynchroniczną, wróć do umiejętności z pytaniami o konkretne wzorce (generatory, iteratory, composition functions).

Related skills

livewire-development

by spatie

Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior;

Frontend
2335

angular

by sickn33

Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns. Use PROACTIVELY for Angular development, component architecture, state management, performance optimization, and migration to modern

Frontend
2656

domain-name-brainstormer

by ComposioHQ

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

Frontend
21116

bubbletea

by hmans

Browse Bubbletea TUI framework documentation and examples. Use when working with Bubbletea components, models, commands, or building terminal user interfaces in Go.

Frontend
2158

brainstorming

by obra

Use when creating or developing, before writing code or implementation plans - refines rough ideas into fully-formed designs through collaborative questioning, alternative exploration, and incremental validation. Don't use during clear 'mechanical' processes

Frontend
49170

keyword-research

by openclaw

Discovers high-value keywords with search intent analysis, difficulty assessment, and content opportunity mapping. Essential for starting any SEO or GEO content strategy.

Frontend
24138