modern-javascript-patterns
A reference for mastering modern JavaScript syntax, asynchronous patterns, and clean coding best practices.
Install
mkdir -p .claude/skills/modern-javascript-patterns && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/2249" && unzip -o skill.zip -d .claude/skills/modern-javascript-patterns && rm skill.zipInstalls to .claude/skills/modern-javascript-patterns
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Comprehensive guide for mastering modern JavaScript (ES6+) features, functional programming patterns, and best practices for writing clean, maintainable, and performant code.Key capabilities
- →Refactor callbacks to async/await patterns
- →Implement functional map/reduce transformations
- →Modernize legacy prototype-based code
- →Optimize performance with ES6 modules
- →Apply destructuring and spread syntax
- →Replace manual loops with higher-order functions
How it works
Applies standard pattern refactoring based on current ECMAScript specifications to transform legacy syntax into modern equivalents.
Inputs & outputs
When to use modern-javascript-patterns
- →Refactoring legacy callbacks to promises
- →Applying functional programming patterns
- →Optimizing JavaScript performance
About this skill
Modern JavaScript Patterns
Comprehensive guide for mastering modern JavaScript (ES6+) features, functional programming patterns, and best practices for writing clean, maintainable, and performant code.
Use this skill when
- Refactoring legacy JavaScript to modern syntax
- Implementing functional programming patterns
- Optimizing JavaScript performance
- Writing maintainable and readable code
- Working with asynchronous operations
- Building modern web applications
- Migrating from callbacks to Promises/async-await
- Implementing data transformation pipelines
Do not use this skill when
- The task is unrelated to modern javascript patterns
- You need a different domain or tool outside this scope
Instructions
- Clarify goals, constraints, and required inputs.
- Apply relevant best practices and validate outcomes.
- Provide actionable steps and verification.
- If detailed examples are required, open
resources/implementation-playbook.md.
Resources
resources/implementation-playbook.mdfor detailed patterns and examples.
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
When not to use it
- →Performance-critical low-level memory ops
- →Codebases requiring IE11 compatibility
- →Frameworks with specific legacy constraints
Prerequisites
Limitations
- →May break legacy dependencies
- →Requires testing to ensure functional parity
- →Assumes modern runtime environment
How it compares
It enforces clean-coding standards and modern language syntax through pattern matching rather than arbitrary style choices.
Compared to similar skills
modern-javascript-patterns side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| modern-javascript-patterns (this skill) | 2 | 3mo | No flags | Beginner |
| typescript-expert | 10 | 6mo | Review | Advanced |
| agent-coder | 3 | 6mo | No flags | Intermediate |
| functional | 3 | 2mo | No flags | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by sickn33
View all by sickn33 →You might also like
typescript-expert
davila7
TypeScript and JavaScript expert with deep knowledge of type-level programming, performance optimization, monorepo management, migration strategies, and modern tooling. Use PROACTIVELY for any TypeScript/JavaScript issues including complex type gymnastics, build performance, debugging, and architectural decisions. If a specialized expert is a better fit, I will recommend switching and stop.
agent-coder
ruvnet
Agent skill for coder - invoke with $agent-coder
functional
citypaul
Functional programming patterns with immutable data. Use when writing logic or data transformations.
refactor
tygwan
Refactoring workflow. Improves code structure, reduces duplication, applies patterns. Use for code quality improvements.
typescript-lsp
Pouryaak
TypeScript language server providing type checking, code intelligence, and LSP diagnostics for .ts, .tsx, .js, .jsx, .mts, .cts, .mjs, .cjs files. Use when working with TypeScript or JavaScript code that needs type checking, autocomplete, error detection, refactoring support, or code navigation.
reviewing-nextjs-16-patterns
djankies
Review code for Next.js 16 compliance - security patterns, caching, breaking changes. Use when reviewing Next.js code, preparing for migration, or auditing for violations.