К основному содержанию
скилл Claude Code CX Codex Cursor

modern-javascript-patterns — скилл для Claude Code: что делает

Скилл помогает переводить JavaScript на современный синтаксис ES6+ и применять функциональные паттерны. Пригодится для рефакторинга и асинхронного кода.

Установить в Claude Code · Через маркетплейс плагинов Все способы и платформы ↓
/plugin marketplace add wshobson/agents
/plugin install javascript-typescript@claude-code-workflows
Открыть на GitHub

Что делает modern-javascript-patterns

Скилл разбирает async/await, деструктуризацию, spread-операторы, стрелочные функции, промисы, модули, итераторы и генераторы. Он также подсказывает функциональные паттерны, преобразование данных и приёмы для кода, который проще читать и тестировать.

Основные рекомендации охватывают const, template literals, optional chaining, nullish coalescing, методы массивов, чистые функции и небольшие функции с одной ответственностью. Подробные примеры находятся в references/details.md, а разбор привязки this, анти-паттернов промисов и утечек памяти — в references/advanced-patterns.md.

Скилл стоит поставить, если вы переносите legacy JavaScript на современный синтаксис или часто работаете с асинхронными операциями. Для проекта без JavaScript он не пригодится.

Какие задачи решает

  • переписать callbacks на Promises и async/await
  • разобрать legacy JavaScript с помощью синтаксиса ES6+
  • собрать конвейер преобразования данных
  • организовать код через модули и чистые функции
  • найти ошибки в работе с this и промисами

Примеры запросов агенту

  • Перепиши этот callback-код на async/await и обработай ошибки через try/catch.
  • Проверь файл `src/data.js`: примени деструктуризацию, optional chaining и методы массивов.
  • Разбери этот legacy-код по рекомендациям `modern-javascript-patterns` и покажи изменения.

Как установить modern-javascript-patterns

1Через маркетплейс плагинов

/plugin marketplace add wshobson/agents
/plugin install javascript-typescript@claude-code-workflows

2Через Skills CLI (Vercel)

npx skills add wshobson/agents --skill modern-javascript-patterns -a claude-code

3Вручную: положить файлы

~/.claude/skills/modern-javascript-patterns/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/modern-javascript-patterns/

Похожие

migrate-to-shoehorn Matt Pocock Переводит type assertions с as в тестах на функции из @total-typescript/shoehorn. Нужен для частичных объектов и намеренно неверных данных в проверках. Claude Code 475 388установок typescript-advanced-types Seth Hobson Помогает агенту писать сложную типизацию TypeScript: generics, conditional types и преобразования типов. Нужен для библиотек, API-клиентов и строгих конфигураций. Claude Code CX Codex Cursor 92 169установок dotnet-best-practices официальный github Проверяет выделенный .NET/C# код по правилам проекта: от структуры и DI до тестов, логирования и безопасности. Нужен при ревью или доработке решения. GitHub Copilot 15 752установок nuget-manager официальный github Управляет NuGet-пакетами в .NET-проектах через dotnet CLI. Нужен при добавлении, удалении и обновлении зависимостей. GitHub Copilot 14 360установок typescript-mcp-server-generator официальный github Генерирует TypeScript-проект MCP-сервера с инструментами, ресурсами и конфигурацией. Пригодится, когда нужно быстро заложить сервер на MCP TypeScript SDK v2. GitHub Copilot 12 050установок java-junit официальный github Пишет, проверяет и исправляет Java-тесты на JUnit, AssertJ и Mockito. Нужен при добавлении, рефакторинге или разборе падений тестов в Maven и Gradle. GitHub Copilot 11 632установок

Вопросы о modern-javascript-patterns

Как установить modern-javascript-patterns в Claude Code?

Добавьте marketplace и установите плагин командой /plugin marketplace add wshobson/agents , затем /plugin install javascript-typescript@claude-code-workflows . Также скилл можно добавить через npx skills add wshobson/agents --skill modern-javascript-patterns -a claude-code.

Что делает modern-javascript-patterns?

Скилл помогает применять возможности ES6+ и функциональные паттерны в JavaScript. Он подходит для рефакторинга legacy-кода, асинхронных операций и организации модулей.

Где находятся подробные примеры и разбор частых ошибок?

Основные примеры находятся в references/details.md. Для this binding, анти-паттернов промисов и memory leaks предусмотрен файл references/advanced-patterns.md.

Исходный текст

SKILL.md · MIT
---
name: modern-javascript-patterns
description: 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.
---

# 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).

© Seth Hobson · MIT · wshobson/agents

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой