Hook Format JavaScript Files — prettier auto sobre JS/TS post-edit (566 installs)

Qué es#

Después de que Claude edita un archivo .js, .jsx, .ts, .tsx, este hook corre prettier sobre él automáticamente. Hook event: PostToolUse.

Resultado: el código siempre queda formateado según tu .prettierrc. No más diffs ruidosos por whitespace o comma trailing.

Tabla resumen#

Cómo se instala#

npx claude-code-templates@latest --hook post-tool/format-javascript-files

Pre-requisito: prettier instalado (npm i -D prettier o global).

Para Claude:

Instalé el hook post-tool/format-javascript-files. Probá: editá un
archivo TS con formato inconsistente — debería quedar formateado
después del edit.

Qué podés hacer con esto#

Format consistente automático#

Tu .prettierrc se aplica siempre. No tenés que pedirle a Claude que respete formato — el hook lo hace después.

Diffs limpios#

Las modificaciones que Claude haga van a quedar formateadas. Tus diffs (git diff --staged) quedan focal en cambios reales, no en whitespace.

Combo con Lint On Save#

Format primero, lint después. El lint detecta lo que el format no puede arreglar.

Combo con Auto Git Add#

Auto Git Add stagea las modificaciones. Format en este hook también afecta al stage. Combinados, tu workflow es: edit → format → stage automático.

Cuándo NO conviene#

Bajalo de la fuente#

• Ficha en aitmpl.com: Format JavaScript Files Hook — comando exacto.
• Config JSON: format-javascript-files.json.
• Prettier oficial: prettier.io.

Recursos relacionados#

• Format Python Files Hook — equivalente para Python con black.
• Lint On Save Hook — combina format + lint para code quality completo.
• Next.js Code Quality Enforcer Hook — específico Next.js.