modern-javascript-patterns – Coding skill for AI agents
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.
Install the modern-javascript-patterns skill with one command
Pick the tool you use, copy the command and paste it in your terminal. The skill lands in that tool's skills folder and is ready in your next session.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/modern-javascript-patterns-d2b0a.tgz | tar xz -C ~/.claude/skills
Call it in Claude Code: /modern-javascript-patterns – then describe the task you want done.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/modern-javascript-patterns-d2b0a.tgz | tar xz -C ~/.codex/skills
Call it in Codex: $modern-javascript-patterns – then describe the task you want done.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/modern-javascript-patterns-d2b0a.tgz | tar xz -C ~/.hermes/skills
Call it in Hermes Agent: /modern-javascript-patterns – then describe the task you want done.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/modern-javascript-patterns-d2b0a.tgz | tar xz -C ~/.deepcode/skills
Call it in DeepSeek: /modern-javascript-patterns – then describe the task you want done.
SKILL.md content
Modern JavaScript Patterns
Comprehensive guide for mastering modern JavaScript (ES6+) features, functional programming patterns, and best practices for writing clean, maintainable, and performant code.
When to Use This Skill
- 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
Detailed patterns and worked examples
Detailed pattern documentation lives in references/details.md. Read that file when the navigation tier above is insufficient.
Best Practices
1. Use const by default: Only use let when reassignment is needed
2. Prefer arrow functions: Especially for callbacks
3. Use template literals: Instead of string concatenation
4. Destructure objects and arrays: For cleaner code
5. Use async/await: Instead of Promise chains
6. Avoid mutating data: Use spread operator and array methods
7. Use optional chaining: Prevent "Cannot read property of undefined"
8. Use nullish coalescing: For default values
9. Prefer array methods: Over traditional loops
10. Use modules: For better code organization
11. Write pure functions: Easier to test and reason about
12. Use meaningful variable names: Self-documenting code
13. Keep functions small: Single responsibility principle
14. Handle errors properly: Use try/catch with async/await
15. Use strict mode: 'use strict' for better error catching
For common pitfalls (this binding, promise anti-patterns, memory leaks), see [references/advanced-patterns.md](references/advanced-patterns.md).
Related skills
- monorepo-management – Master monorepo management with Turborepo, Nx, and pnpm workspaces to build efficient…
- cto-advisor – Technical leadership guidance for engineering teams, architecture decisions, and…
- cto-review – /c-level-agents:cto-review [plan] — Architecture and scaling interrogation. Tech debt…
- imessage – Send and receive iMessages/SMS via the imsg CLI on macOS.
- multi-reviewer-patterns – Coordinate parallel code reviews across multiple quality dimensions with finding…
- inference-sh-cli – Run 150+ AI apps (image, video, LLM) via inference.sh CLI.
- nodejs-backend-patterns – Build production-ready Node.js backend services with Express/Fastify, implementing…
- decision-logger – Two-layer memory architecture for board meeting decisions. Manages raw transcripts…