Skip to content
Get packs

ES Modules Reviewer

Reviews JavaScript to convert require()/module.exports into import/export for tree-shaking and browser use.

Source Download skill
Repository
thedaviddias/Front-End-Checklist
Stars
74,632
Licence
MIT
Files
2 files

What it does

Once installed, the agent checks JavaScript code for CommonJS patterns like require() and module.exports and suggests or applies conversion to ES module import/export syntax. It explains the benefits (static analysis, tree-shaking, native browser support) and, when reviewing client code, looks at browser execution paths to confirm the change works and how to verify it in the browser.

Great for

  • Developers modernising older Node or CommonJS-style JavaScript codebases
  • Front-end engineers preparing code for bundlers that rely on tree-shaking
  • Teams reviewing pull requests for module syntax consistency

Skip it if

  • Projects that must stay on CommonJS, such as some legacy Node tooling, where converting may break runtime behaviour (the skill does not check this compatibility)
  • Non-JavaScript projects, where the guidance does not apply

Try asking

  • “Convert the require() and module.exports statements in this utils.js file to ES module syntax”
  • “Explain why named exports help tree-shaking in my component library”
  • “Review this client script for module-related issues and how to verify the fix in the browser”
Step-by-step guide: how to use ES Modules ReviewerInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the MIT licence and an attribution note.

    es-modules.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip es-modules.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip es-modules.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Give the agent the specific files or folder to review so it can target exact require() calls.
  • Run your test suite or load the page in a browser after conversion, since the skill does not run tests itself.
  • Check that your bundler or Node configuration supports ES modules before accepting large conversions.

What's inside

  • references/rule.md
  • SKILL.md

Redistributed unmodified from thedaviddias/Front-End-Checklist under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.