К основному содержанию
скилл

javascript-pro · davila7 — скилл для Claude Code: современный JS и async

Скилл для Claude, который ведёт агента по современному JavaScript: ES6+, промисы, event loop, API Node.js и браузера.

Установить в Claude Code · Через claude-code-templates Все способы и платформы ↓
npx claude-code-templates@latest --skill development/javascript-pro
Открыть на GitHub

Что делает javascript-pro

Скилл включается, когда вы пишете или отлаживаете JS под Node.js и браузер, разбираетесь с асинхронностью и переносите старый код на современные стандарты ES. Агент сначала определяет целевую среду и ограничения, потом выбирает модель асинхронности и модульную систему, пишет код с обработкой ошибок и проверяет производительность с совместимостью.

Внутри — набор инструкций, а не готовые скрипты. Отдельно оговорено, чего скилл не делает: он не даёт архитектурных советов по TypeScript, не работает вне JS-рантайма и не принимает решения по архитектуре бэкенда. Если задача про структуру сервиса, а не про сам код, толку от него не будет.

В подходе заложено предпочтение async/await перед цепочками промисов, функциональные приёмы там, где они уместны, и учёт размера бандла для браузерного кода. На выходе ожидаются модули с чистыми экспортами, защита от гонок в асинхронном коде, тесты на Jest и стратегия полифилов. Комментарии JSDoc скилл просит включать.

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

  • переписать цепочки промисов на async/await
  • разобраться, почему микротаски обгоняют таймеры
  • перенести старый код на модули ES6
  • подобрать полифилы под целевые браузеры
  • написать асинхронные тесты на Jest без гонок

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

  • Перепиши этот модуль на async/await и убери вложенные колбэки
  • Почему этот код выполняется не в том порядке — разбери event loop и микротаски
  • Переведи файл на ES-модули и добавь JSDoc

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

1Через claude-code-templates

npx claude-code-templates@latest --skill development/javascript-pro

2Через Skills CLI (Vercel)

npx skills add davila7/claude-code-templates --skill javascript-pro -a claude-code

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

~/.claude/skills/javascript-pro/SKILL.md

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

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о javascript-pro

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

Через шаблоны: npx claude-code-templates@latest --skill development/javascript-pro. Второй способ — npx skills add davila7/claude-code-templates --skill javascript-pro -a claude-code. После установки файл скилла лежит в ~/.claude/skills/javascript-pro/SKILL.md.

Что делает скилл javascript-pro?

Задаёт агенту рамки работы с современным JavaScript: ES6+, асинхронные паттерны, event loop, API Node.js и браузера. Помогает и при написании нового кода, и при отладке асинхронного поведения.

Когда этот скилл не подойдёт?

Он не покрывает архитектуру TypeScript, работу вне JS-рантайма и решения по архитектуре бэкенда. Для таких задач нужен другой инструмент.

Похожие скиллы

Все скиллы по теме «Языки программирования» →

Сначала — javascript-pro от других авторов.

javascript-pro https://github.com/Jeffallan Скилл для написания, отладки и рефакторинга JavaScript кода с ES2023+, async/await, ESM модулями и Node.js API. Нужен, если вы строите vanilla JavaScript приложения или оптимизируете производительность в браузере и Node.js. CX Codex +1 6 100установок migrate-to-shoehorn Matt Pocock Переводит type assertions с as в тестах на функции из @total-typescript/shoehorn. Нужен для частичных объектов и намеренно неверных данных в проверках. 475 388установок write-swift emilkowalski Скилл помогает писать, проверять и переносить код на Swift с учётом модели языка. Подойдёт, когда нужно разобраться с конкурентностью, ошибкой или циклом удержания объектов. CX Codex +1 119 300установок megacave JuliusBrussee Переводит ответы ассистента на классический китайский язык (вэньянь) для экономии места на экране. Активируется командами /megacave или /caveman wenyan. CX Codex +1 25 400установок find-docs upstash Тянет актуальную документацию, справочники API и примеры кода для любой библиотеки через Context7 CLI. Пригодится, когда агент отвечает по устаревшим данным обучения. CX Codex +1 9 400установок typescript-advanced-types Seth Hobson Помогает агенту писать сложную типизацию TypeScript: generics, conditional types и преобразования типов. Нужен для библиотек, API-клиентов и строгих конфигураций. CX Codex 92 169установок smart-explore thedotmack Структурно ищет функции и классы через tree-sitter. Пригодится, когда нужно разобраться в кодовой базе без чтения всех файлов. CX Codex +1 7 300установок

Из того же набора361

Весь набор →
ship-learn-next Превращает транскрипт, статью или туториал в план конкретных действий по циклу Ship-Learn-Next: сделать, осмыслить, спланировать следующий шаг. 82установок worktree-check Показывает, в каком worktree вы находитесь, на какой ветке, сколько коммитов впереди main и что за задача назначена. 81установок emerging-techniques-model-merging Скилл для Claude, который помогает объединять дообученные модели через mergekit и получать новые варианты без переобучения. 80установок gws-calendar-agenda Показывает ближайшие события во всех календарях Google Workspace. Пригодится, когда нужно быстро свериться с расписанием прямо из Claude. 80установок distributed-training-ray-train Скилл для распределённого обучения моделей на Ray Train: переносит PyTorch, TensorFlow и HuggingFace с одной видеокарты на кластер. 79установок gws-slides Слэш-команда для Claude, которая запускает операции Google Slides через CLI gws: создать презентацию, прочитать её, применить пакет обновлений. 78установок gws-sheets Слэш-команда запускает операции Google Sheets через CLI gws: чтение значений, запись строк, создание таблиц и пакетные обновления. 77установок server-management Скилл для Claude, который учит агента думать о процессах, мониторинге, логах и масштабировании продакшена, а не заучивать команды. 76установок

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

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