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.
npx claude-code-templates@latest --skill development/javascript-proWhat 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-pro2Skills CLI (Vercel)
npx skills add davila7/claude-code-templates --skill javascript-pro -a claude-code3Manually: put the files in place
~/.claude/skills/javascript-pro/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/javascript-pro/
Manually: put the files in place
.agents/skills/javascript-pro/SKILL.mdFor all projects use ~/.agents/skills/
Manually: put the files in place
.cursor/skills/javascript-pro/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install davila7/claude-code-templates javascript-pro2Manually: put the files in place
.github/skills/javascript-pro/SKILL.mdPlatform CLI
gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/development/javascript-proManually: put the files in place
.devin/skills/javascript-pro/SKILL.mdThe legacy .windsurf/skills/ path still works
Claude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
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.