format-javascript-files

Automatically format JavaScript/TypeScript files after any Edit operation using prettier. This hook runs 'npx prettier --write' on any .js, .ts, .jsx, or .tsx file that Claude modifies, ensuring consistent code formatting. Uses npx so…

Automations
Post Tool
394

What it does and how to use it

A hook that automates post tool actions at key moments (before/after a tool runs, on save, etc.), without you having to think about it.

Install the hook (command above).
It runs automatically on the defined events.
Adjust the rules in the settings file if you want to fine-tune it.

Install (Claude Code)

mkdir -p .claude/hooks && curl -fsSL https://doutorai.pt/data/lib/hooks__format-javascript-files.md -o .claude/hooks/format-javascript-files.json

Paste this command into the terminal, in your project folder, and the component installs automatically.

Content

{
  "description": "Automatically format JavaScript/TypeScript files after any Edit operation using prettier. This hook runs 'npx prettier --write' on any .js, .ts, .jsx, or .tsx file that Claude modifies, ensuring consistent code formatting. Uses npx so prettier doesn't need to be globally installed. Includes error suppression so it won't fail if prettier is not available.",
  "hooks": {
    "PostToolUse": [
      {
        "matcher": "Edit",
        "hooks": [
          {
            "type": "command",
            "command": "if [[ \"$CLAUDE_TOOL_FILE_PATH\" =~ \\.(js|ts|jsx|tsx)$ ]]; then n

- 🔒 Full content on the Pro plan (€7.99/month) -

Need help with Claude Code?

Ask Dr AI - it explains things simply.

Need a tailor-made solution?

Not sure where to start with AI in your business? Get a free assessment and a tailored plan - no commitment.

Save hours every week with AI, no hassle

Doutor AI gives you 1,859 ready-to-copy AI prompts, by industry and in plain English - plus a complete technical library for those who want to go further.

See plans