Skip to main content
skill

javascript-pro · davila7 — Claude Code skill: modern JS and async patterns

A Claude skill that steers the agent through modern JavaScript: ES6+, promises, the event loop, Node.js and browser APIs.

Install into Claude Code · claude-code-templates All methods and platforms ↓
npx claude-code-templates@latest --skill development/javascript-pro
Open on GitHub

What javascript-pro does

Reach for this skill when you are writing or debugging JavaScript for Node.js or the browser, chasing down async behaviour, or moving old code onto current ES standards. The agent starts by pinning down runtime targets and constraints, then picks an async style and module system, writes the code with error handling in place, and checks performance against compatibility.

What you get is a set of instructions, not runnable scripts. The skill also states where it stops: no TypeScript architecture guidance, nothing for non-JS runtimes, no backend architecture calls. If your question is about how a service should be shaped rather than about the code itself, this is the wrong tool.

The approach favours async/await over promise chains, functional patterns where they fit, and bundle size when the code ships to a browser. Expected output includes modules with clean exports, async code guarded against race conditions, Jest tests, and a polyfill plan. JSDoc comments are part of the deal.

What it helps with

  • convert promise chains to async/await
  • trace why microtasks run before timers
  • move legacy code onto ES modules
  • pick polyfills for the browsers you target
  • write Jest tests for async code without races

Example prompts for the agent

  • Rewrite this module with async/await and drop the nested callbacks
  • Walk me through the event loop and microtasks — why does this run out of order?
  • Convert this file to ES modules and add JSDoc

How to install javascript-pro

1claude-code-templates

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

2Skills CLI (Vercel)

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

3Manually: put the files in place

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

Copy the whole skill folder; for one project use .claude/skills/javascript-pro/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about javascript-pro

How do I install javascript-pro in Claude Code?

Use the templates command: npx claude-code-templates@latest --skill development/javascript-pro. Or install through skills: npx skills add davila7/claude-code-templates --skill javascript-pro -a claude-code. The skill file then sits at ~/.claude/skills/javascript-pro/SKILL.md.

What does javascript-pro do?

It gives the agent a working frame for modern JavaScript: ES6+ features, async patterns, the event loop, and Node.js and browser APIs. Useful both when writing new code and when debugging async behaviour.

When should I skip this skill?

It does not cover TypeScript architecture, non-JS runtimes, or backend architecture decisions. Those need a different tool.

Similar skills

All skills for Programming languages →

javascript-pro by other authors comes first.

javascript-pro https://github.com/Jeffallan Skill for writing, debugging, and refactoring JavaScript code with ES2023+, async/await, ESM modules, and Node.js APIs. Use it to build vanilla JavaScript applications or optimize performance in browsers and Node.js. CX Codex +1 6,100installs migrate-to-shoehorn Matt Pocock Replaces as type assertions in tests with helpers from @total-typescript/shoehorn. Use it when tests need partial objects or deliberately invalid data. 475,388installs write-swift emilkowalski This skill guides Swift coding, reviews, and migrations using the language’s current practices. Use it to investigate concurrency errors, hangs, data races, or retain cycles. CX Codex +1 119,300installs megacave JuliusBrussee Switches agent responses to Classical Chinese (wenyan) to reduce terminal output. Activated via /megacave or /caveman wenyan. CX Codex +1 25,400installs find-docs upstash Pulls up-to-date documentation, API references and code examples for any library through the Context7 CLI. Useful when the model's training data lags behind the API. CX Codex +1 9,400installs typescript-advanced-types Seth Hobson Guides an agent through advanced TypeScript types, from generics to conditional and mapped types. Use it for typed libraries, API clients, or strict configuration objects. CX Codex 92,169installs smart-explore thedotmack Uses tree-sitter to map code structure and find symbols. Useful when you need to explore a codebase without loading every full file. CX Codex +1 7,300installs

From the same set361

The whole set →

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor