Skills

Javascript Pro

Writes, debugs, and refactors JavaScript code using modern ES2023+ features...

Install

npx skills add Jeffallan/claude-skills --skill javascript-pro -g -a claude-code -y
Category
Engineering
Updated
5d ago
License
MIT
Context cost
Lightabout 1,043 tokens
Runs scripts
No, instructions only

What it does

Writes, debugs, and refactors JavaScript code using modern ES2023+ features, async/await patterns, ESM module systems, and Node.js APIs. Use when building vanilla JavaScript applications, implementing Promise-based async flows, optimising browser or Node.js performance, working with Web Workers or Fetch API, or reviewing .js/.mjs/.cjs files for correctness and best practices.

JavaScript Pro

When to Use This Skill

  • Building vanilla JavaScript applications
  • Implementing async/await patterns and Promise handling
  • Working with modern module systems (ESM/CJS)
  • Optimizing browser performance and memory usage
  • Developing Node.js backend services
  • Implementing Web Workers, Service Workers, or browser APIs

Core Workflow

  1. Analyze requirements, Review package.json, module system, Node version, browser targets; confirm .js/.mjs/.cjs conventions
  2. Design architecture, Plan modules, async flows, and error handling strategies
  3. Implement, Write ES2023+ code with proper patterns and optimisations
  4. Validate, Run linter (eslint --fix); if linter fails, fix all reported issues and re-run before proceeding. Check for memory leaks with DevTools or --inspect, verify bundle size; if leaks are found, resolve them before continuing
  5. Test, Write comprehensive tests with Jest achieving 85%+ coverage; if coverage falls short, add missing cases and re-run. Confirm no unhandled Promise rejections

Reference Guide

Load detailed guidance based on context:

TopicReferenceLoad When
Modern Syntaxreferences/modern-syntax.mdES2023+ features, optional chaining, private fields
Async Patternsreferences/async-patterns.mdPromises, async/await, error handling, event loop
Modulesreferences/modules.mdESM vs CJS, dynamic imports, package.json exports
Browser APIsreferences/browser-apis.mdFetch, Web Workers, Storage, IntersectionObserver
Node Essentialsreferences/node-essentials.mdfs/promises, streams, EventEmitter, worker threads

Constraints

Read the whole SKILL.md on GitHub

More in Engineering