modern-javascript-patterns — скилл для Claude Code: что делает
Скилл помогает переводить JavaScript на современный синтаксис ES6+ и применять функциональные паттерны. Пригодится для рефакторинга и асинхронного кода.
/plugin marketplace add wshobson/agents
/plugin install javascript-typescript@claude-code-workflowsЧто делает 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-workflows2Через Skills CLI (Vercel)
npx skills add wshobson/agents --skill modern-javascript-patterns -a claude-code3Вручную: положить файлы
~/.claude/skills/modern-javascript-patterns/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/modern-javascript-patterns/
1Через Skills CLI (Vercel)
npx skills add wshobson/agents --skill modern-javascript-patterns -a codex2Вручную: положить файлы
.agents/skills/modern-javascript-patterns/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add wshobson/agents --skill modern-javascript-patterns -a cursor2Вручную: положить файлы
.cursor/skills/modern-javascript-patterns/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install wshobson/agents modern-javascript-patterns2Вручную: положить файлы
.github/skills/modern-javascript-patterns/SKILL.mdКомандой платформы
gemini skills install https://github.com/wshobson/agents --path plugins/javascript-typescript/skills/modern-javascript-patternsВручную: положить файлы
.devin/skills/modern-javascript-patterns/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Claude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
Похожие
Вопросы о 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